Introduction

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#

npm install @coreui/react

Yarn#

yarn add @coreui/react

Using components#

import { 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#

npm install @coreui/coreui

Basic usage#

import '@coreui/coreui/dist/css/coreui.min.css'

Bootstrap CSS files#

Installation#

npm install bootstrap

Basic usage#

import 'bootstrap/dist/css/bootstrap.min.css'