Skip to main content

Status Chip

A chip that looks like a label.

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21265-14282

Demo

zeta-web v0.11.0
Web Components

Storybook

https://design.zebra.com/web/storybook/?path=/docs/components-chips--docs

Attributes

NameDescriptionTypeDefault
textText displayed in the chip.string""

Inherited Attributes

NameDescriptionTypeDefaultInherited From
roundedWhether the component is rounded or sharp.When true, rounded will set the border radius of the first child, and any children with class 'contourable-target' to --radius-minimal.Otherwise, this value will be --radius-none.boolean | undefinedtrueContourable