शुरुआत करें

Needless UI, Angular 22 के साथ काम करता है। कंपोनेंट स्टैंडअलोन डायरेक्टिव हैं, इसलिए कोई मॉड्यूल इम्पोर्ट नहीं करना पड़ता।

इंस्टॉल करें

Angular पैकेज को Angular Aria और CDK के साथ जोड़ें; यही दोनों कीबोर्ड और सुलभता से जुड़ा व्यवहार देते हैं। स्टाइलशीट पैकेज के साथ ही आती है।

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

स्टाइल इम्पोर्ट करें

स्टाइलशीट को src/styles.css में एक बार इम्पोर्ट करें। इसमें डिज़ाइन टोकन और सभी कंपोनेंट शामिल हैं।

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

सब कुछ @layer nui के अंदर आता है। अगर आपकी ऐप में a { color: inherit } जैसे ग्लोबल रीसेट हैं, तो उन्हें nui से पहले घोषित किसी लेयर में रखें, ताकि वे कंपोनेंट के स्टाइल ओवरराइड न करें।

कंपोनेंट इस्तेमाल करें

ज़रूरी डायरेक्टिव उनके एंट्री पॉइंट से इम्पोर्ट करें और उन्हें अपने कंपोनेंट के imports में जोड़ें।

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

आगे क्या

लाइव उदाहरणों के लिए कंपोनेंट देखें, या उन्हें अपने ब्रैंड के मुताबिक़ ढालने के लिए थीमिंग गाइड पढ़ें।