Buttons

This page is an example on how to document your button components, most of the copy was written by AI so don’t take it very seriously.

Find the code for this page in the src/pages/components/buttons.md file.

<button class="button">button</button>
<button class="outlined-button">outlined-button</button>
<button class="text-button">text-button</button>

button

フォームの保存や新しい項目の作成などの主なアクションに使用します。

<button class="button">ボタン</button>

outlined-button

追加のアクションを提供するために、ボタンに付属しています。たとえば、キャンセルボタンなどです。

<button class="outlined-button">アウトライン ボタン</button>

text-button

button, outlined-button を必要としないアクションに使用します。

<button class="text-button">テキスト ボタン</button>