Button

j-button コンポーネントは、ボタンのコンポーネントです。

Props

NameTypeDefaultDescription
colorstring'primary'指定された色をコンポーネントに適用します。
disabledbooleanfalseコンポーネントをクリックできないようにします。
hrefstringundefinedコンポーネントをアンカーにして href 属性を追加します。
iconbooleanfalseコンポーネントをアイコンとして指定し、形状を円形にします。
loadingbooleanfalseローディングアニメーションを表示します。
no-decorationbooleanfalse装飾を削除します。
nuxtbooleanfalseコンポーネントを <nuxt-link> にします。
outlinedbooleanfalse背景を透明にし、枠線を追加します。
sizestring'medium'指定された大きさをコンポーネントに適用します。 largemediumsmall の3サイズがあります。
tagstring'button'指定されたタグをコンポーネントに適用します。
targetstringundefined指定された値を target 属性としてコンポーネントに追加します。
tostringundefinedコンポーネントを <router-link> にし、指定された値を to として適用します。

Events

NameDescription
clickコンポーネントがクリックされたときに発生するイベントです。

Slots

NameDescription
defaultコンポーネントの中に表示するコンテンツです。