Skip to content

Bootstrap Angular Elegant UI Kit and reusable components for building mobile-first, responsive websites and web apps.

Notifications You must be signed in to change notification settings

Devwares-Team/Contrast-Bootstrap-Angular

Repository files navigation

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

NPM JavaScript Style Guide npm

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

Edge / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
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

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!