@nagazi-ui/angular

Componentes do Nagazi UI para Angular: standalone, com inputs tipados, [(value)], ngModel e reactive forms. Física de mola, SVG e transições contínuas.

npm install @nagazi-ui/angular
# ou
pnpm add @nagazi-ui/angular

Requer Angular 22. Os estilos globais entram sozinhos no primeiro componente renderizado.

import { Component, signal } from '@angular/core';
import { NAGAZI, toast } from '@nagazi-ui/angular';

@Component({
  selector: 'app-root',
  imports: [NAGAZI],
  template: `
    <nagazi-provider theme="glass" scheme="auto" motion="system">
      <nagazi-switch label="Notificações" [(checked)]="avisos" />
      <nagazi-button (click)="salvar()">Salvar</nagazi-button>
    </nagazi-provider>
  `,
})
export class App {
  readonly avisos = signal(true);
  salvar() {
    toast.success('Salvo');
  }
}

• theme: glass, soft ou flat
• scheme: light, dark ou auto
• motion: system (segue "reduzir movimento" do sistema), full, reduced ou off
• size: xs, sm, md, lg ou xl

A lista completa de componentes e exemplos está no README do projeto.

Licença MIT.