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 id
id
string

A unique identifier for the element.

Was this section helpful?

Anchor to slotsSlots

Anchor to graphic
graphic
HTMLElement

The graphic to display inside of the chip.

Only s-icon element and its type attribute are supported.

Was this section helpful?

Code

<s-chip>50% OFF</s-chip>

Preview