Primeros pasos

Needless UI funciona con Angular 22. Los componentes son directivas standalone, así que no hay módulos que importar.

Instalación

Añade el paquete de Angular junto con Angular Aria y el CDK, que aportan el comportamiento de teclado y de accesibilidad. La hoja de estilos viene incluida.

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

Importa los estilos

Importa la hoja de estilos una sola vez en src/styles.css. Incluye los tokens de diseño y todos los componentes.

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

Todo va dentro de @layer nui. Si tu aplicación tiene resets globales como a { color: inherit }, ponlos en una capa declarada antes de nui para que no sobrescriban los componentes.

Usa un componente

Importa las directivas que necesites desde sus puntos de entrada y añádelas a los imports de tu 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() {}
}

Próximos pasos

Explora los componentes para ver ejemplos en vivo, o lee la guía de temas para adaptarlos a tu marca.