Separator - Empreint

A thin visual divider to separate content. Supports both horizontal and vertical orientations, three sizes, and an optional label rendered in the middle of the line.

Docs

Guides

API

import { Flex, Separator, Text } from "@empreint/ui";

<Separator />

<Separator>OR</Separator>

<Flex gap="4" justify="center">
	<Text>Docs</Text>
	<Separator orientation="vertical" />
	<Text>Guides</Text>
	<Separator orientation="vertical" />
	<Text>API</Text>
</Flex>

Props

Prop

Type

CSS Variables

Prop

Type