---
group: Components
---

## Variants

```jsx live
<Flex gap={2}>
  <Label>Default</Label>
  <Label variant="warning">Warning</Label>
  <Label variant="success">Success</Label>
</Flex>
```

## Sizes

```jsx live
<Flex gap={2} alignItems="center">
  <Label>Small</Label>
  <Label size="large">Large</Label>
</Flex>
```