Pill
Represent tags or categories in a textfield. Pills can contain text and may include an "x" button to allow for easy removal.
Usage
Examples
Size
Use the size prop to change the pill size.
With Trailing "x" Button
Pass a callback function to the onDismiss prop to show a trailing "x" button.
Disabled
Pill can be disabled by setting the disabled prop to true. When disabled, the pill will not be interactive. If the onDismiss prop is set, the "x" button will be hidden.
Props
Pill
| Prop | Type | Default |
|---|---|---|
size | enum | small |
disabled | boolean | false |
onDismiss | function | - |