# Separator

Separates content horizontally or vertically.

> Based on [Reka UI Separator](https://reka-ui.com/docs/components/separator)

## Key Props

- `orientation`: to change the orientation of the Separator.
- `label`: to display a label in the middle of the Separator.
- `icon`: to display an icon in the middle of the Separator.
- `avatar`: to display an avatar in the middle of the Separator.
- `color`: to change the color of the Separator.
- `type`: to change the type of the Separator.
- `size`: to change the size of the Separator.

## Usage

```vue
<USeparator
  <!-- props here -->
/>
```