@hydrosphere/hs-ui-kit
v0.0.14
Published
UI Kit for the Hydrosphere.io project, containing the common UI components and integrated with the Storybook.
Downloads
42
Readme
HydroServing Ui Kit
UI Kit for the Hydrosphere.io project, containing the common UI components and integrated with the Storybook.
Getting Started
- Run the following command:
npm install @hydrosphere/hs-ui-kit
- Import
HsUiKitModule
in your main module.
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HsUiKitModule } from '@hydrosphere/hs-ui-kit';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
AppRoutingModule,
HsUiKitModule,
// ...
],
bootstrap: [AppComponent]
})
export class AppModule {
}
- To add icons to your project include
IconsRegistryService
to providers of main module and register icons you need in the constructor.
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HsUiKitModule, IconsRegistryService, hsIconsIconSearch } from '@hydrosphere/hs-ui-kit';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
AppRoutingModule,
HsUiKitModule,
// ...
],
providers: [IconsRegistryService],
bootstrap: [AppComponent]
})
export class AppModule {
constructor(private iconRegistry: IconsRegistryService) {
this.iconRegistry.registerIcons([hsIconsIconSearch]);
}
}