The Pill component is responsible for displaying labels that contain additional descriptions.
| Name | Type | Default | Description |
|---|---|---|---|
text ? |
string | - | The text to display. |
label ? |
string | - | The text to display next to basic text. |
active ? |
bool | false | The activity state. |
size ? |
's' , 'm' | 'm' | The size of the component. |
testID ? |
string | - | The unique E2E test handler. |
...HTMLDivElement? |
Partial(HTMLDivElement) | - | Props that will be passed to the root of the div element. |
return <Pill text="John Doe" active />;