Separator

Visually divide sections of content or groups of items.

Copy to clipboard

<flux:separator />

With text

Add text to the separator for a more descriptive element.

<flux:separator text="or" />

Seperate contents with a vertical seperator when horizontally stacked.

Switch to dark theme

<flux:separator vertical />

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

Switch to dark theme

<flux:separator vertical class="my-2" />

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

Switch to dark theme

<flux:separator vertical variant="subtle" />

Built with by
Caleb Porzio and Hugo Sainte-Marie