Button ボタン

操作のトリガーに使う UI 要素です。複数のスタイルバリアントと状態に対応します。

コードデモ

ボタンの種類

DefaultPrimaryWarn

ボタンの種類

3 つの基本タイプ: default / primary / warn

<m-button type="default">Default</m-button>
<m-button type="primary" @click="handleClick">Primary</m-button>
<m-button type="warn">Warn</m-button>

サイズと枠線のみ

MiniPlainWarn Plain

サイズと枠線のみ

`size` で大きさ、`plain` で枠線スタイル

<m-button size="mini" type="primary">Mini</m-button>
<m-button plain type="primary">Plain</m-button>
<m-button plain type="warn">Warn Plain</m-button>

無効とローディング

DisabledLoading

無効とローディング

<m-button disabled>Disabled</m-button>
<m-button loading type="primary">Loading</m-button>

API

プロパティ

属性	说明	类型	默认值
type	ボタンの表示スタイル	default | primary | warn	default
size	ボタンサイズ	default | mini	default
plain	枠線スタイル（プレーン）にするか	boolean	false
disabled	無効にするか	boolean	false
loading	ローディング表示にするか	boolean	false
hover-class	押下中に付与するスタイルのクラス	string	button-hover
hover-start-time	押下してから押下スタイルが出るまでの待ち時間（ms）	number	20
hover-stay-time	離してから押下スタイルを維持する時間（ms）	number	70
form-type	フォーム上の挙動（m-form 内で使用）	submit | reset	-