Badge

Badgeは、主に情報を表示するためのコンポーネントです。
必要に応じて、リンクやボタンとして遷移可能なパーツとしても活用できます。

プロパティ

Badgeは、以下のプロパティをサポートしています。

名前	型	デフォルト値	説明
`tone`	`string`	`filled`	バッジのトーンを指定します。`filled`, `outlined` のいずれかを選択できます。

以下のコンポーネントのコードを、使いたいプロジェクトにコピー＆ペーストします。
パスは実際のプロジェクトの構成にあわせて更新します。

強調したい情報や目立たせたい要素に使用します。

情報を控えめに表示したい場合に使用します。

リンクとして Badge を利用したい場合は、<a> タグ等にBadgeのクラスやスタイルを適用することで、同じ見た目を再現できます。