ボタンコンポーネントの作成

[sintaro-katuta]

ボタンコンポーネントの仕様

• <Button></Button>で呼び出す
• 引数でサイズ、色、遷移を設定する
  • size
  • sm
  • md
  • lg
  • color
  • primary
  • secondary
  • teritary
  • danger
  • to
• ホバー時、フォーカス時に色を変える
• デザインを満たしている

例

<Button size="md" color="primary" to="/"
>
  Submit
</Button>

参考

Nuxt.js(Vue.js)でボタンコンポーネントを作る