Devwares-Team
Contrast Bootstrap React
Elegant UI Kit and reusable components for building mobile-first, responsive webistes and web apps
Install
npm install --save cdbreactor
yarn add cdbreactUsage
import React from 'react'
import { CDBAlert } from 'cdbreact'
const Alert = () => {
return (
<CDBAlert color="primary">
A simple alert built with contrast design
</CDBAlert>
)
}
export default Alert;Documentation
- Check out our documentation here
- Accordion
- Alert
- Autocomplete
- Animation
- Badges
- Breadcrumb
- ButtonToolbar
- Box
- ButtonGroup
- Checkbox
- Carousel
- Button
- Collapse
- Icon
- Footer
- Iframe
- Input
- Card
- Mask
- ListGroup
- InputGroup
- Multiselect
- Notification
- Pane
- DropDown
- Modal
- Progress
- Rating
- Radio
- Panel
- Select
- Slider
- SmoothScroll
- Select 2
- Spinner
- Switch
- Stepper
- Charts
- Navigation
- DatePicker
- FileUploader
- TimePicker
- EditableTable
- Table
- DataTable
- Widgets
- Forms
Blog articles
Tailwind grid-How to use tailwind CSS grid templates in your project
How to create a Beautiful Responsive Navigation bar Using Tailwind CSS
Tailwind form-How to create and style a Responsive Form using Tailwind CSS
How to use tailwind CSS padding, margin and border in your project
How to create a beautiful React Bootstrap select with icons.
How to create a Beautiful Responsive Navigation bar Using Tailwind CSS
Tailwind Modal-How to create a React Modal using Tailwind CSS.
- Tailwind CSS Colors 3.0
- How to build Tailwind css timepicker with Tailwind elements
- How to Create a Responsive React Sidebar Design Using Tailwind CSS.
- How to implement dark mode in React using tailwind css.
- How to create a beautiful Bootstrap Datatable with Icons
- How to create a React datepicker using React Bootstrap.
- React bootstrap 5 form-How to create React forms
- How to create a beautiful React multiselect.
- How to create a beautiful React Bootstrap
- How to create a responsive React Bootstrap Sidebar
- How to create a beautiful React Bootstrap select with icons.
- Bootstrap 5 stepper-How to create a beautiful Bootstrap 5 stepper
- How to create a beautiful React Bootstrap table.
- How to create beautiful React Bootstrap tabs
- How To Create A Datatable Using Angular Bootstrap
- How To Create Bootstrap Charts using Bootstrap 5
- How To Create A Beautiful Navbar Using Bootstrap 5.
- Major changes to bootstrap 5
- All you need to know about Bootstrap 5
Demo
Pages
Carousel
Dashboards
Cards
Buttons
Sidebar
Footer
Widget
Modal
Stepper
Badge
Form
Browser support
Browsers supported
| | 
IE / Edge | 
Firefox | 
Chrome | 
Safari | 
Opera |
|-----| --------- | --------- | --------- | --------- | --------- |
|Mac | N/A | supported | supported | supported | supported |
|Windows | supported |supported |supported | N/A | supported |
PRO Version
License
See License in <license.pdf> © Devwares
Support Devwares
Follow us on Social Media
Check out and star our GitHub repository
Create pull requests
- Submit bugs
- Suggest new features
- Help us Improve our documentation with updates
We truly appreciate everyone who has contributed to this project.
Thank you!