DDS

バッジ

Figmaに未定義(参考実装)

ステータスやカテゴリを示す小さなラベルコンポーネントです。

基本例

デフォルトのバッジです。

バッジ
Open in StackBlitz

バリエーション

default、secondary、destructive、outline の4種類があります。

DefaultSecondaryDestructiveOutline
Open in StackBlitz

使用例

ステータス表示やカテゴリ分けに使用します。

ステータス表示

新着レビュー中期限切れ

カテゴリ表示

デザイン開発マーケティング
Open in StackBlitz