ui:badge

汎用的なBadgeコンポーネントです。

Examples

Source Code

<div class="flex gap-2">
  <div class="ui:badge">Default</div>
  <div class="ui:badge" data-color="red">Error</div>
  <div class="ui:badge" data-color="red-subtle">Error</div>
  <div class="ui:badge" data-color="orange">Warning</div>
  <div class="ui:badge" data-color="orange-subtle">Warning</div>
</div>

Variants

属性	要素	値	効果
data-color	root	red / red-subtle …	カラーバリエーションの指定