Variants

Default Brand Success Warning Danger

Sizes

Small Medium

Interactive (Removable)

Click to remove With callback

Usage

Labels or removable chips. Set Removable=true to add a close button. Use OnRemove for Alpine.js logic.

@display.Tag(display.TagProps{
    Variant: "brand",
    Size:    "md",
    Removable: true,
    OnRemove: "$el.remove()",
}) { Product }