Chip

Display a Chip component

Anatomy

import { Chip } from '@onwo/ui';

<Chip>Default</Chip>

Default

<Chip>Default</Chip>

Sizes

<Chip size="small">Small</Chip>
<Chip>Medium</Chip>

Variants

<Chip variant="ghost">Ghost variant</Chip>
<Chip>Default variant</Chip>

Status

<Chip active>Active</Chip>
<Chip variant="stroke" active>Active</Chip>
<Chip disabled>Disabled</Chip>
<Chip variant="ghost" disabled>Disabled</Chip>

With icons

<Chip variant="stroke">
  <Icons.MediaMusic />
  Left Icon
</Chip>
<Chip variant="stroke">
  Right Icon
  <Icons.MediaMusic />
</Chip>
<Chip variant="stroke">
  <Icons.MediaMusic />
</Chip>