ইমপোর্ট
import { NuiButton } from '@needless-ui/angular/button';NuiButton
একটি নেটিভ <button> বা <a>-কে বাটনের মতো স্টাইল করে।
| নাম | টাইপ | ডিফল্ট | বিবরণ |
|---|---|---|---|
variantইনপুট | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | ফিল স্টাইল: solid, soft, outline বা ghost। |
toneইনপুট | 'accent' | 'neutral' | 'danger' | 'accent' | রঙের প্যালেট: accent, neutral বা danger। |
sizeইনপুট | 'sm' | 'md' | 'lg' | 'md' | উচ্চতা, প্যাডিং ও ফন্ট সাইজ: sm, md বা lg। |
disabledইনপুট | boolean | false | বাটনটি নিষ্ক্রিয় করে। অ্যাঙ্করে এটি aria-disabled সেট করে এবং অ্যাক্টিভেশন আটকে দেয়। |
motionইনপুট | NuiMotion | যে স্প্রিং অনুযায়ী এটি নড়াচড়া করে: snappy, bouncy, jelly, elastic, lazy, mechanical বা none। | |
springইনপুট | NuiSpring | যেকোনো স্প্রিং, { stiffness, damping, mass } হিসেবে, যা রানটাইমে CSS-এ কম্পাইল হয়। এটি motion-কে ওভাররাইড করে। | |
pressইনপুট | NuiPress | চেপে ধরে রাখলে এটি কী করে: sink, squish, pop, wobble, rubber, tilt বা none। | |
cornersইনপুট | NuiCorners | এর কোণগুলোর আকৃতি: round, squircle, bevel, scoop, notch বা square। | |
radiusইনপুট | NuiRadius | এর কোণগুলো কত বড়: none, small, medium, large বা full। | |
densityইনপুট | NuiDensity | এটি কতটা জায়গা নেয়: compact, regular বা roomy। |
যে কাস্টমাইজেশন ইনপুট আপনি সেট করেন না, সেগুলো সবচেয়ে কাছের data-nui-* অ্যাট্রিবিউট থেকে ভ্যালু নেয়। কাস্টমাইজেশন গাইড দেখুন।