Separator

Visually divide sections of content or groups of items.

<x-separator />

With text

Add text to the separator for a more descriptive element.

<x-separator text="or" />

Seperate contents with a vertical seperator when horizontally stacked.

<x-separator vertical />

You can limit the height of the vertical separator by adding vertical margin.

<x-separator vertical class="my-2" />

Zinc UI offers a subtle variant for a separator that blends into the background.

<x-separator vertical variant="subtle" class="my-2" />