0.2.0 • Published 6 years ago

ngx-dawn v0.2.0

Weekly downloads
4
License
ISC
Repository
github
Last release
6 years ago

ngx-dawn

npm version Angular 2 Style Guide

An implementation of kununu engage design specification for Angular framework.

Table of Contents

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

FeatureTo-do
badgeCheck click behavior + "lozenges"Badge use cases
buttonButton use cases
checkboxCheckbox use cases
slide toggleSlide Toggle use cases
radio & radio groupRadio & Radio Group use cases
typographyAdd responsive sizesTypography 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