Skip to main content
eagami

Setup

  1. 1. Install the package: 

    npm install @eagami/ui

    or

    pnpm add @eagami/ui

    or

    yarn add @eagami/ui

  2. 2. Add the global stylesheet in angular.json: 

    "styles": ["node_modules/@eagami/ui/src/styles/eagami-ui.scss"]

  3. 3. Load the fonts in index.html: 

    <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Syne:wght@400;500;600;700&display=swap" />

Your first component

import { ButtonComponent } from '@eagami/ui';

@Component({
  imports: [ButtonComponent],
  template: `<ea-button variant="primary" (clicked)="save()">Save</ea-button>`,
})
export class MyComponent {
  save() { /* ... */ }
}