ప్రారంభించడం

Needless UI, Angular 22 తో పనిచేస్తుంది. కాంపోనెంట్‌లు standalone డైరెక్టివ్‌లు, కాబట్టి ఇంపోర్ట్ చేయాల్సిన మాడ్యూల్స్ ఏవీ లేవు.

ఇన్‌స్టాలేషన్

కీబోర్డ్, యాక్సెసిబిలిటీ ప్రవర్తనను అందించే Angular Aria, CDK లతో పాటు Angular ప్యాకేజీని జోడించండి. స్టైల్‌షీట్ దానితోనే వస్తుంది.

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

తర్వాతి దశలు

లైవ్ ఉదాహరణల కోసం కాంపోనెంట్‌లను చూడండి, లేదా మీ బ్రాండ్‌కు తగ్గట్టు మార్చుకోవడానికి థీమింగ్ గైడ్ చదవండి.