@rhds/elements
Version:
Red Hat Design System Elements
28 lines (18 loc) • 647 B
Markdown
# Chip
Chip creates a component that can be used in place of a checkbox.
## Usage
Page authors can use `<rh-chip>` individually or alongside several standalone chips.
```html
<rh-chip>Edge</rh-chip>
```
## Chip group
The `<rh-chip-group>` element adds an accessible label for the group and a "clear all" button.
```html
<rh-chip-group>
<rh-chip>Edge</rh-chip>
<rh-chip>AI/ML</rh-chip>
<rh-chip>DevOps</rh-chip>
</rh-chip-group>
```
If using chip group, users must modify the import to reference `rh-chip-group.js`.
See the [official documentation](https://ux.redhat.com/elements/chip/code/) for importing and customization options.