শুরু করুন

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

পরবর্তী ধাপ

লাইভ উদাহরণের জন্য কম্পোনেন্ট দেখুন, অথবা আপনার ব্র্যান্ডের সঙ্গে মেলাতে থিমিং গাইড পড়ুন।