Farawa

Needless UI yana aiki da Angular 22. Components directives ne na standalone, don haka babu modules da za a shigo da su.

Shigarwa

Ku ƙara package na Angular tare da Angular Aria da CDK, waɗanda ke samar da aikin allon madannai da sauƙin amfani ga kowa. Stylesheet yana zuwa tare da shi.

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

Shigo da salo

Ku shigo da stylesheet sau ɗaya a cikin src/styles.css. Ya ƙunshi design tokens da kowane component.

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

Komai yana cikin @layer nui. Idan manhajarku tana da resets na gaba ɗaya kamar a { color: inherit }, ku sa su a cikin layer da aka ayyana kafin nui don kada su rinjayi components.

Amfani da component

Ku shigo da directives da kuke buƙata daga entry points ɗinsu, kuma ku ƙara su a cikin imports na component ɗinku.

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

Matakai na gaba

Ku duba components don ganin misalai masu aiki, ko ku karanta jagorar jigogi don daidaita su da tambarinku.