# Separator

> A thin visual divider marking a boundary between two groups of content — a menu's sections, a toolbar's clusters, a page's regions.

```ts
import { Separator } from "@sdxc/ui";
```

Renders a static hairline divider between two groups of content, carrying
the `separator` role and defaulting to a full-width horizontal line;
setting `aria-orientation="vertical"` flips it to a full-height vertical line.

## Examples

```tsx
<Separator />
```

```tsx
<Separator aria-orientation="vertical" />
```

## Props

Also accepts everything in `TagProps<"div">`.