Badge コンポーネント

すべてのバッジの基本スタイル。インラインフレックス、中央揃え、フォントウェイト、トランジションを含む。色や具体的な形状は含まない。 .badge-base

バリアント

アウトラインバッジ .badge-outline

アウトラインスタイルのバッジ。枠線のみが表示されます。カラーセレクタと組み合わせて使用します。

ソリッドバッジ .badge-solid

塗りつぶしスタイルのバッジ。背景色が適用されます。カラーセレクタと組み合わせて使用します。

サブトルバッジ .badge-subtle

控えめなスタイルのバッジ。薄い背景色が適用されます。カラーセレクタと組み合わせて使用します。

ソリッドバッジ


							
								<span class="badge-base badge-solid theme-primary">ソリッドバッジ</span>

アウトラインバッジ


							
								<span class="badge-base badge-outline theme-primary">アウトラインバッジ</span>

サブトルバッジ


							
								<span class="badge-base badge-subtle theme-primary">サブトルバッジ</span>

バッジ


							
								<span class="badge-base badge-solid color-primary">バッジ</span>