Button 按鈕
按鈕用於觸發一個操作,如提交表單。
基本用法
基本按鈕用法,支持多種類型。
按鈕樣式
Button 組件提供了多種樣式變化,包括文字、幽靈、虛線、描邊和帶邊框按鈕。
Text 文字按鈕
Ghost 幽靈按鈕
Dashed 虛線按鈕
Outline 描邊按鈕
Borderd 帶邊框按鈕
按鈕尺寸
Button 組件提供三種尺寸:小、默認、大。
禁用狀態
使用 disabled
屬性來禁用按鈕。
加載狀態
使用 loading
屬性設置按鈕的加載狀態。
API
屬性
屬性名 | 說明 | 類型 | 默認值 |
---|---|---|---|
type | 按鈕類型 | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' | 'default' |
size | 按鈕尺寸 | 'large' | 'default' | 'small' | 'default' |
disabled | 是否禁用 | boolean | false |
loading | 是否顯示加載狀態 | boolean | false |
text | 是否為文字按鈕 | boolean | false |
ghost | 是否為幽靈按鈕 | boolean | false |
dashed | 是否為虛線邊框按鈕 | boolean | false |
outline | 是否為描邊按鈕 | boolean | false |
borderd | 是否為帶邊框按鈕 | boolean | false |
事件
事件名 | 說明 | 回調參數 |
---|---|---|
click | 點擊按鈕時觸發 | (event: MouseEvent) => void |
插槽
插槽名 | 說明 |
---|---|
default | 按鈕的內容 |