Chip

Implementation: modules/components/atoms/chip.liquid

Tag (String): div

Content (String): Chip

Variant (String): default | clickable | selected | error | success | warning

Closable (Boolean): false | true

Variants & examples


tag: div
Chip
{"tag":"div","content":"Chip","variant":"default","closable":false}



variant: default
Chip
{"tag":"div","content":"Chip","variant":"default","closable":false}

variant: clickable
Chip
{"tag":"div","content":"Chip","variant":"clickable","closable":false}

variant: selected
Chip
{"tag":"div","content":"Chip","variant":"selected","closable":false}

variant: error
Chip
{"tag":"div","content":"Chip","variant":"error","closable":false}

variant: success
Chip
{"tag":"div","content":"Chip","variant":"success","closable":false}

variant: warning
Chip
{"tag":"div","content":"Chip","variant":"warning","closable":false}


closable: true
Chip
{"tag":"div","content":"Chip","variant":"default","closable":true}