匯入
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-* 屬性。詳見客製化指南。