SaladUI

Badge

Renders a badge component

Read more Read less

Examples

<.badge>Badge</.badge>
<.badge variant="destructive">Badge</.badge>
Default Open in playground
Badge 
<.badge>
  Badge
</.badge>
Color variations with `variant` attribute. Open in playground
Default
Secondary
Destructive
Outline 
<.badge>
  Default
</.badge>
<.badge variant="secondary">
  Secondary
</.badge>
<.badge variant="destructive">
  Destructive
</.badge>
<.badge variant="outline">
  Outline
</.badge>