ngx-dawn

An implementation of kununu engage design specification for Angular framework.

Table of Contents

• Installation
• Usage
• Features
• TODO

Installation

To add the library to you project, open a terminal and run:

$ npm install ngx-dawn --save

Usage

Add it on your module:

import { ButtonModule } from 'ngx-dawn';

@NgModule({
  imports: [
    BrowserModule,
    ButtonModule
  ],
  declarations: [
    AppComponent
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Follow the features documentation and add it on your html:

<button ngx-dawn-button>Button</button>

Features

| Feature | To-do | | |------------------|---------------|---------------| | badge |Check click behavior + "lozenges"|Badge use cases| | button | |Button use cases| | checkbox | |Checkbox use cases| | slide toggle | |Slide Toggle use cases| | radio & radio group | |Radio & Radio Group use cases| | typography |Add responsive sizes|Typography use cases|

Theming

The easiest way is to use the ngx-dawn-theme mixin which will create all styles needed for every component provided by ngx-dawn.

@import '~ngx-dawn/scss/_theming';

// Generate all styles for all components with one include
@include ngx-dawn-theme($palette);

If you just want to use the styles from a specific component you can do it by having something like the following.

@import '~ngx-dawn/scss/_theming';

// Button styles only
@include ngx-dawn-button-theme($palette);

TODO Tasks

• Improve Demo/Documentation

TODO Features

| Feature | |:------------------| | content | | inline flag messages | | input | | link | | modal | | search | | select | | tab | | text area | | tooltip |