kintone-vue-component logo kintone-vue-component

k-icon-button コンポーネントはボタンとして使用されます。

デモ

使い方

<template>
  <k-icon-button type="insert" color="blue" />
  <k-icon-button type="remove" color="red" />
  <k-icon-button type="close" color="gray" />
  <k-icon-button type="file" color="green" />
  <k-icon-button type="right" color="gray" />
  <k-icon-button type="left" color="gray" />
</template>

Attribute

Name Description Type Required
color ボタンの色.
・gray
・blue
・red
・green
・transparent
デフォルト値: ‘gray’
String No
disabled disabled にするかどうか.
デフォルト値: false
Boolean No
shape ボタンの形.
・circle
・normal
・none
デフォルト値: ‘circle’
String No
size ボタンのサイズ.
・medium
・small
・x-small
デフォルト値: ‘medium’
String No
type ボタンの種類.
・insert
・remove
・close
・file
・right
・left
マテリアルアイコンのプロパティ名
String No

Event

Name Description
click ユーザーの操作によってボタンが押されたときに発生する。