Skip to content

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是否禁用booleanfalse
loading是否顯示加載狀態booleanfalse
text是否為文字按鈕booleanfalse
ghost是否為幽靈按鈕booleanfalse
dashed是否為虛線邊框按鈕booleanfalse
outline是否為描邊按鈕booleanfalse
borderd是否為帶邊框按鈕booleanfalse

事件

事件名說明回調參數
click點擊按鈕時觸發(event: MouseEvent) => void

插槽

插槽名說明
default按鈕的內容

Released under the MIT License.