सुरुवात करा

Needless UI, Angular 22 सोबत काम करते. कंपोनंट्स स्टँडअलोन डायरेक्टिव्ह आहेत, त्यामुळे कोणतेही मॉड्यूल इम्पोर्ट करावे लागत नाहीत.

इन्स्टॉल करा

Angular पॅकेज Angular Aria आणि CDK सोबत जोडा; हे दोन्ही कीबोर्ड आणि ॲक्सेसिबिलिटीचे वर्तन पुरवतात. स्टाइलशीट पॅकेजसोबतच येते.

install.sh

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

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

स्टाइलशीट src/styles.css मध्ये एकदा इम्पोर्ट करा. त्यात डिझाइन टोकन आणि सर्व कंपोनंट्स आहेत.

styles.css

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

सर्व काही @layer nui मध्ये असते. आपल्या ॲपमध्ये a { color: inherit } सारखे ग्लोबल रीसेट असतील, तर ते nui च्या आधी घोषित केलेल्या लेयरमध्ये ठेवा, म्हणजे ते कंपोनंट्सना ओव्हरराइड करणार नाहीत.

कंपोनंट वापरा

आवश्यक डायरेक्टिव्ह त्यांच्या एंट्री पॉइंट्समधून इम्पोर्ट करा, आणि आपल्या कंपोनंटच्या imports मध्ये जोडा.

usage.ts

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

पुढे काय

लाइव्ह उदाहरणांसाठी कंपोनंट्स पाहा, किंवा आपल्या ब्रँडशी जुळवून घेण्यासाठी थीमिंग मार्गदर्शक वाचा.