શરૂઆત

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

આગળનાં પગલાં

લાઇવ ઉદાહરણો માટે કમ્પોનન્ટ્સ જુઓ, અથવા તમારી બ્રાન્ડ સાથે મેળ બેસાડવા થીમિંગ માર્ગદર્શિકા વાંચો.