Contrast Design Bootstrap Angular (Free)

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

Install

npm install --save ng-cdbangular

or

yarn add ng-cdbangular

Usage

Add bootstrap-css-only to angular.json

"styles": [
  "node_modules/bootstrap-css-only/css/bootstrap.min.css"
]

Import preferred module in app.module.ts

import { AlertModule } from 'ng-cdbangular';

@NgModule({
  imports: [
    AlertModule
  ]
})

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>

You can also import all cdbangular modules this way

import { CDBFreeModule } from 'ng-cdbangular';

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

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