Pill

import { PillDemos } from '@docs/demos'; import { Layout } from '@/layout'; import { MDX_DATA } from '@/mdx';

export default Layout(MDX_DATA.Pill);

Usage

<Demo data={PillDemos.usage} />

Inside inputs

The Pill component is designed to be used inside inputs. It can be used to create custom multi-select or tag inputs.

<Demo data={PillDemos.withinInput} /> <StylesApiSelectors component="Pill" /> <Demo data={PillDemos.stylesApi} />