ArrowTag

Arrow polygon tag shape with a bordered clip-path effect, in sm (list items) and lg (detail page headers) sizes.

Badges & Tags

Default

LabelSize

Small

Large

Small group

Large group

Large linked

Size comparison

Source

<ArrowTag label={label} size={size} />

Injected into the previews above. ArrowTag

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */