Setup
Install the package, wire up the global stylesheet and fonts, then import your first component.
Installation
npm install @eagami/ui
# or
pnpm add @eagami/uiAdd the global stylesheet to your angular.json:
"styles": ["node_modules/@eagami/ui/src/styles/eagami-ui.scss"] Load the fonts in your 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" />Quick start
import { ButtonComponent } from '@eagami/ui';
@Component({
imports: [ButtonComponent],
template: `<ea-button variant="primary" (clicked)="save()">Save</ea-button>`,
})
export class MyComponent {
save() { /* ... */ }
}