امپورٹ

import-button.ts
import { NuiButton } from '@needless-ui/angular/button';

NuiButton

کسی نیٹو <button> یا <a> کو بٹن کی طرح اسٹائل کرتا ہے۔

سلیکٹر
button[nuiButton], a[nuiButton]
ایکسپورٹ نام
nuiButton
NuiButton: پراپرٹیز
نامٹائپڈیفالٹتفصیل
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ان پٹbooleanfalseبٹن کو غیر فعال کرتا ہے۔ لنکس پر یہ 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-* ایٹریبیوٹ کی پیروی کرتے ہیں۔ کسٹمائزیشن گائیڈ دیکھیں۔