@namitoyokota/ng-components

This npm package is created for my personal use. It is a component library with black and white style.

Demo

See how components are using in this demo.

Installation

ng-components is available as an npm package.

You can install this package either by using npm:

npm install @namitoyokota/ng-components

or by using yarn:

yarn add @namitoyokota/ng-components

Components

Here is a list fo components that are currently in this library:

• ny-button
• ny-button-group
• ny-caption
• ny-divider
• ny-icon
• ny-image
• ny-label
• ny-link
• ny-logo
• ny-menu
• ny-message
• ny-page
• ny-spinner
• ny-switch
• ny-theme-switch

Documentation for each component is coming soon.

Usage

Import module for a component to try

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {
    NyButtonModule
} from '@namitoyokota/ng-components';

@NgModule({
    declarations: [AppComponent],
    imports: [
        BrowserModule,
        NyButtonModule // ADD THIS LINE
    ],
    providers: [],
    bootstrap: [AppComponent],
})
export AppModule

Use component in HTML

<ny-button text="Button" (clicked)="echo('button clicked')"></ny-button>

Screenshot