Başlarken

Needless UI, Angular 22 ile çalışır. Bileşenler standalone direktiflerdir; bu yüzden içe aktarılacak modül yoktur.

Kurulum

Angular paketini, klavye ve erişilebilirlik davranışını sağlayan Angular Aria ve CDK ile birlikte ekleyin. Stil dosyası da pakete dahildir.

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

Stilleri içe aktarın

Stil dosyasını src/styles.css içinde bir kez içe aktarın. Dosya, tasarım token’larını ve tüm bileşenleri içerir.

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

Her şey @layer nui içinde gelir. Uygulamanızda a { color: inherit } gibi genel sıfırlamalar varsa bileşenleri geçersiz kılmamaları için onları nui katmanından önce tanımlanan bir katmana koyun.

Bir bileşen kullanın

İhtiyacınız olan direktifleri giriş noktalarından içe aktarın ve bileşeninizin imports dizisine ekleyin.

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

Sonraki adımlar

Canlı örnekler için bileşenlere göz atın ya da markanıza uyum sağlamak için tema kılavuzunu okuyun.