mljr-ui · showcase

Chip

Dismissible pill tag. Click × removes from DOM or calls a custom Datastar expression.

primitive chip
Controls
tone
dismiss
Current props
tone: ""
dismiss:

Usage

primitive.Chip(primitive.ChipProps{Tone: token.ToneCyan, Dismiss: true}, g.Text("React"))
primitive.Chip(primitive.ChipProps{Tone: token.ToneViolet, Dismiss: true}, g.Text("TypeScript"))

All combinations (6)

Enum controls only · bool and text use defaults

default
ReactTypeScriptGoTailwindDatastar
cyan
ReactTypeScriptGoTailwindDatastar
violet
ReactTypeScriptGoTailwindDatastar
lime
ReactTypeScriptGoTailwindDatastar
pink
ReactTypeScriptGoTailwindDatastar
yellow
ReactTypeScriptGoTailwindDatastar

Props

NameTypeOptionsDefault
toneenum, cyan, violet, lime, pink, yellowcyan
dismissbooltrue