Kuanza

Needless UI inafanya kazi na Angular 22. Vijenzi ni directive za standalone, kwa hivyo hakuna moduli za kuingiza.

Usakinishaji

Ongeza kifurushi cha Angular pamoja na Angular Aria na CDK, ambavyo hutoa tabia ya kibodi na ufikivu. Stylesheet huja pamoja nacho.

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

Ingiza mitindo

Ingiza stylesheet mara moja katika src/styles.css. Ina design token na kila kijenzi.

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

Kila kitu kimo ndani ya @layer nui. Ikiwa programu yako ina reset za jumla kama a { color: inherit }, ziweke kwenye layer iliyotangazwa kabla ya nui ili zisibatilishe vijenzi.

Tumia kijenzi

Ingiza directive unazohitaji kutoka kwenye entry point zake na uziongeze kwenye imports za kijenzi chako.

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

Hatua zinazofuata

Tazama vijenzi upate mifano hai, au soma mwongozo wa mandhari ili viendane na chapa yako.