kintone-vue-component logo kintone-vue-component

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 ユーザーの操作によってボタンが押されたときに発生する。