آغاز

Needless UI لائبریری Angular 22 کے ساتھ کام کرتی ہے۔ کمپوننٹس standalone ڈائریکٹوز ہیں، اس لیے کوئی ماڈیول امپورٹ کرنے کی ضرورت نہیں۔

انسٹالیشن

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

اگلے اقدامات

لائیو مثالوں کے لیے کمپوننٹس دیکھیں، یا اپنے برانڈ سے ہم آہنگ کرنے کے لیے تھیمنگ گائیڈ پڑھیں۔