インポート
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 | ボタンを無効にします。a 要素では 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-* 属性に従います。詳しくはカスタマイズガイドをご覧ください。