Chip
Chips are display contextual helpers that are commonly used in filtering and as categorical identifiers.
Overview
Chips are small, feature-rich components that can be used independently or in groups. Chips are used in Combobox and other scenarios that have a filtering interaction.
Chips have a range of colors, can contain Icons, Avatars, or images as visual cues. Additionally, Chips can be dismissible or static elements.
Usage
- Filtering cues
- Qualifying badges
- Contextual support of content
Sample
Accessibility
Keyboard navigation
| Key | Function |
|---|---|
Tab | When dismissible is true, moves focus in and out of the "Dismiss" button. |
Tab and Shift | When dismissible is true, moves focus in and out of the "Dismiss" button. |
Enter | When dismissible is true and focus is on the "Dismiss" button, dismisses the component. |
Space | When dismissible is true and focus is on the "Dismiss" button, dismisses the component. |