keds

KEDS stands for kununu Engage Design System.

Table of Contents

• Installation
• Usage
• Breakpoints
• Styles

Installation

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

$ npm install @kununu/keds --save

Usage

Add it on your module:

import { TypographyModule } from '@kununu/keds';

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

Follow the features documentation and add it on your HTML:

<h1 kedsText size="xxl">kununu Engage</h1>

Styles

If you just want to use the styles from KEDS you can do it so, by having something like the following.

@import '~@kununu/keds/dist/assets/scss/_core';