Per iniziare

Needless UI funziona con Angular 22. I componenti sono direttive standalone, quindi non ci sono moduli da importare.

Installazione

Aggiungi il pacchetto Angular insieme ad Angular Aria e al CDK, che forniscono il comportamento da tastiera e l’accessibilità. Il foglio di stile arriva con esso.

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

Importa gli stili

Importa il foglio di stile una volta in src/styles.css. Include i design token e tutti i componenti.

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

Tutto è dentro @layer nui. Se la tua app ha reset globali come a { color: inherit }, mettili in un layer dichiarato prima di nui, così non sovrascrivono i componenti.

Usa un componente

Importa le direttive che ti servono dai loro entry point e aggiungile agli imports del tuo componente.

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() {}
}

Prossimi passi

Sfoglia i componenti per gli esempi dal vivo, oppure leggi la guida ai temi per adattarli al tuo brand.