CDBReact

Elegant UI Kit and reusable components for building mobile-first, responsiv...

Devwares-Team/cdbreactwww.devwares.com/product/contrastcdbreact

README



Contrast Bootstrap React


Elegant UI Kit and reusable components for building mobile-first, responsive webistes and web apps

NPM JavaScript Style Guide
npm

Install


  1. ``` sh
  2. npm install --save cdbreact
  3. ```

or

  1. ``` sh
  2. yarn add cdbreact
  3. ```

Usage


  1. ``` js
  2. import React from 'react'
  3. import { CDBAlert } from 'cdbreact'

  5. const Alert = () => {
  6.   return (
  7.         <CDBAlert color="primary">
  8.           A simple alert built with contrast design
  9.         </CDBAlert>
  10.   )
  11. }

  13. export default Alert;
  14. ```

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

Demo


Pages



Carousel



Dashboards



Cards



Buttons



Sidebar



Footer



Widget



Modal



Stepper



Badge



Form



Browser support


Browsers supported


|[[[[
|-----|------------------------------------
|MacN/Asupportedsupportedsupported
|Windowssupported|supported|supportedN/A

PRO Version


Contrast Design Bootstrap PRO

License


See License in <license.pdf> © Devwares

Support Devwares


Follow us on Social Media


Twitter
Facebook
Instagram
Linkedin
Youtube

Check out and star our GitHub repository


Github
  
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!