Badge

Displays a badge or a component that looks like a badge.

Default

The default badge with accent background.

Badge

Variants

All available badge variants.

DefaultSecondaryOutlineDestructive

Usage

julia
using Suite

Badge("New")
Badge(variant="secondary", "Secondary")
Badge(variant="destructive", "Error")
Badge(variant="outline", "v2.0")

API Reference

PropTypeDefaultDescription
variantString"default"default | secondary | destructive | outline
classString""Additional CSS classes to merge
children...Any-Badge content (text, icons, etc.)
kwargs...Pair-Any HTML attribute