Cara miwiti

Needless UI bisa dienggo karo Angular 22. Komponen-komponene yaiku directive standalone, dadi ora ana modul sing kudu di-import.

Instalasi

Tambahna paket Angular bebarengan karo Angular Aria lan CDK, sing nyedhiyakake prilaku keyboard lan aksesibilitas. Stylesheet-e wis kalebu ing paket kasebut.

pnpm add @needless-ui/angular @angular/aria @angular/cdk

Impor gaya

Impor stylesheet sepisan ing src/styles.css. Isine design token lan kabeh komponen.

/* src/styles.css */
@layer reset, nui, app;
@import '@needless-ui/css';

Kabeh ana ing njero @layer nui. Yen aplikasi panjenengan kagungan reset global kayata a { color: inherit }, lebokna ing layer sing diumumake sadurunge nui supaya ora nimpa komponen.

Agem komponen

Impor directive sing panjenengan betahake saka entry point-e, banjur tambahna menyang imports ing komponen panjenengan.

import { Component } from '@angular/core';
import { NuiButton } from '@needless-ui/angular/button';

@Component({
  selector: 'app-root',
  imports: [NuiButton],
  template: `<button nuiButton (click)="save()">Save changes</button>`,
})
export class App {
  save() {}
}

Langkah sabanjure

Pirsani komponen kanggo conto langsung, utawa waos pandhuan tema supaya cocog karo merek panjenengan.