Badge

All Variants

	default	brand	success	warning	danger	outline	clay
xs	default	brand	success	warning	danger	outline	clay
sm	default	brand	success	warning	danger	outline	clay
md	default	brand	success	warning	danger	outline	clay

Removable

defaultbrandsuccesswarningdangeroutlineclay

With Icons

Published Error Member

Interactive (Removable)

Click × to remove Large with Alert

Usage

Import from the display package.

@display.Badge(display.BadgeProps{
    Variant:   "brand",
    Size:      "sm",
    Icon:      myIconComp(),
    Removable: true,
    OnRemove:  "$el.remove()",
}) { Label }