Skip to content

Divider

The Divider component is used to separate content in a list or between elements. It can be a horizontal line or a vertical line.

Hello there!
General Kenobi!
---
import { Divider } from "@gemini-ui-astro/components";
---
Hello there!
<Divider />
General Kenobi!

Props

The Button component has the following props.

NameTypeDefaultDescription
colorstring1pxSpecifies the color of the line
classstring-Override or extend the styles applied to the component.
mtSizeProp | undefined | null | false0Defines a top margin
mbSizeProp | undefined | null | false0Defines a bottom margin
mlSizeProp | undefined | null | false0Defines a left margin
mrSizeProp | undefined | null | false0Defines a right margin
orientation”horizontal” | “vertical”horizontalDefines which way the divider will be placed
thicknessstring1pxDefines how thick the line will be