مرجع API لمكوّن Button

الاستيراد

import-button.ts

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

يُنسّق عنصر <button> أو <a> أصليًا على هيئة زر.

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`مُدخَل	`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-*. راجع دليل التخصيص.