Contrast Design Bootstrap Angular (Free)

Angular 15 & Bootstrap 5 Elegant UI Kit and reusable components library for building mobile-first, responsive webistes and web apps

Install

npm install --save ng-cdbangular

or

yarn add ng-cdbangular

Usage

Add Contrast Design Bootstrap styles to the angular.json file

"styles": [
  "node_modules/ng-cdbangular/assets/scss/cdb.scss"
]

Import preferred module in app.module.ts

import { AlertModule } from 'ng-cdbangular';

@NgModule({
  imports: [
    AlertModule
  ]
})

You can also import all cdbangular modules this way

import { CDBFreeModule } from 'ng-cdbangular';

@NgModule({
  imports: [
    CDBFreeModule,
  ]
})

In app.component.html

<CDBAlert color="success">
  A simple alert built with contrast design check it out!
</CDBAlert>
<CDBAlert color="danger" [dismiss]=true>
  A simple alert built with contrast design check it out!
</CDBAlert>

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

Documentation

Check out our documentation here

PRO Version

Contrast Design Bootstrap Angular 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 us all and everyone who has contributed to this project, as we continue to use and imporove this project.

A massive thank you to everyone!