k-button
コンポーネントはボタンとして使用されます。
デモ
使い方
<template>
<k-button text="保存" type="submit" @click="onSave" />
</template>
<script>
export default {
methods: {
onSave() {
alert('保存がクリックされました。');
};
}
};
</script>
Attribute
Name | Description | Type | Required |
---|---|---|---|
dense | パディングを小さくする. デフォルト値:false |
Boolean | No |
disabled | disabled にするかどうか. デフォルト値: ‘false’ |
Boolean | No |
text | ボタンの名前. デフォルト値: ‘’ |
String | Yes |
type | ボタンのタイプ. ・normal ・submit デフォルト値: ‘normal’ |
String | No |
Event
Name | Description |
---|---|
click | ユーザーの操作によってボタンが押されたときに発生する。 |