Skip to main content

Chip

Represents a set of user-supplied keywords that help label, organize, and categorize objects. Used to categorize or highlight content attributes. They are often displayed near the content they classify, enhancing discoverability by allowing users to identify items with similar properties.

Anchor to propertiesProperties

Anchor to accessibilityLabel
accessibilityLabel
string

A label that describes the purpose or contents of the Chip. It will be read to users using assistive technologies such as screen readers.

Anchor to color
color

Modify the color to be more or less intense.

Was this section helpful?

Anchor to slotsSlots

Anchor to graphic
graphic
HTMLElement

The graphic to display in the chip.

Only accepts Icon components.

Was this section helpful?

Code

<s-chip>Chip</s-chip>

Preview