CoreUI for React.js is UI Component library written in TypeScript, and ready for your next React.js project. Learn how to include CoreUI for React.js in your project.

Installation#

Npm#

1npm install @coreui/react

Yarn#

1yarn add @coreui/react

Using components#

1import { Alert } from '@coreui/react';

Stylesheets#

React components are styled using @coreui/coreui CSS library, but you can use them also with bootstrap CSS library. That is possible because @coreui/coreui library is compatible with bootstrap, it just extends its functionalities. The only exception is custom CoreUI components, which don't exist in the Bootstrap ecosystem.

CoreUI CSS files#

Installation#
1npm install @coreui/coreui
Basic usage#
1import '@coreui/coreui/dist/css/coreui.min.css'

Bootstrap CSS files#

Installation#
1npm install bootstrap
Basic usage#
1import 'bootstrap/dist/css/bootstrap.min.css'