@hermes-ui/angular
v0.1.6
Published
Angular components for Hermes
Readme
Installing Hermes Angular
Install Hermes packages through npm:
npm install @hermes/angularImport the HermesModule into your Angular application's module. Your application's main module might look like this:
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HermesModule } from '@hermes/angular'; import { AppComponent } from './app.component'; @NgModule({ imports: [ BrowserModule, HermesModule, .... ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { }Include the necessary styles in the build. You can do this by either including the compiled/minified css in your angular.json file or by importing the scss/css directly in your top level styles.scss/css file.
//...
"styles": [
"node_modules/@hermes/angular/hermes-ui.min.css",
//... any other styles
]
//...@use '@hermes/angular/hermes-ui';- Set the Theme
Add the
hermes-theme="light"attribute to the body element in your main HTML file:
<body hermes-theme="light" />You can toggle to dark theme by setting hermes-theme="dark".