ボタンに関する機能の説明と使用例です。
ボタンの横幅のサイズ(値)はテキストの長さに合わせて自動的に変更されます。
また、ボタンの高さを調整するためにsizeS / M / L のクラスを追加して使用することができます。
横幅のサイズ(値)が固定されているため、テキストの長さが長くなると自動的に改行されます。
ボタン内に表示されるテキストの前後にアイコンを挿入することができます。
デフォルトで提供されるボタンデザイン以外に、単独で使用できるボタンです。
デフォルトタイプを使用する場合、ボタンは中央揃えで表示されます。
ボタンをラインで囲み、ボックス状で表示させたい場合に使用できます。
商品詳細ページの下部または掲示板によく使われるボタンです。
ボタンをボックス状で囲むか、色などで背景を入れる必要がある場合に使用できます。
掲示板の一覧、投稿のコメント、運営日誌などのページでよく使用されています。
デフォルトタイプを使用する場合、ボタンは中央揃えで表示されます。
ボタンを左揃えで表示させたい場合に使用できます。
ボタンを右揃えで表示させたい場合に使用できます。
ボタンを両端揃えで表示させたい場合に使用できます。
ボタンを左(右)揃え+中央揃えで表示させたい場合に使用できます。
テキストの長さに関係なく複数のボタンを一定の比率で並べたり、
高さを統一させる必要がある場合に使用できます。