New Contrast Pro UI Kit and template with 5 admin dashboards, 23 pages and 10000+ components for $49 ($50 off)🎉

Installation

ad-banner

Step by step guide on how to install ng-cdbangular

Install CDBAngular

To install ng-cdbangular, in your command line type:

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,
]
})

Run Your App:

ng serve --o

Create Stunning websites and web apps

Building different custom components in react for your web apps or websites can get very stressful. Thats why we decided to build contrast. We have put together a UI kit with over 10000+ components, 5 admin dashboards and 23 additional different pages template for building almost any type of web app or webpage into a single product called Contrast Pro.Try contrast pro

ad-banner

Contrast React Bootstrap PRO is a Multipurpose pro template, UI kit to build your next landing, admin, SAAS, prelaunch, etc project with a clean, well documented, well crafted template and UI components.Learn more about Contrast Pro