Skip to content
Vy logo
Components

Separator

Separators, or dividing lines, are used to separate different sections or parts of content from each other.

Examples

A simple separator

<Separator />

Different Sizes

<Stack spacing={3}>
  <Separator size="sm" />
  <Separator size="md" />
  <Separator size="lg" />
</Stack>

Different Variants

<Stack spacing={3}>
  <Separator variant="solid" />
  <Separator variant="dashed" />
</Stack>

A Vertical Separator

<Center height="5rem">
  <Separator orientation="vertical" />
</Center>