Pill
button component for filtering or alternative navigation
Examples
import { Pill } from "@seduo/design-system";
...
<Pill color="selected">3</Pill>
<Pill color="danger">333</Pill>
<Pill color="informative">333</Pill>
<Pill color="success">333</Pill>
<Pill color="warning">333</Pill><Pill color="selected">3</Pill>
<Pill color="danger">333</Pill>
<Pill color="informative">333</Pill>
<Pill color="success">333</Pill>
<Pill color="warning">333</Pill>API
| Prop name | Type | Default | Required | Description |
|---|---|---|---|---|
children |
ReactNode |
- | yes | Content of the Pill |
color |
Action Color dictionary, Emotion Color dictionary | selected |
no | Color of the component |
ElementType |
string |
'span' |
no | HTML tag to render |
UNSAFE_className |
string |
- | no | Wrapper custom classname |
On this page