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.

Name	Type	Default	Description
color	string	1px	Specifies the color of the line
class	string	-	Override or extend the styles applied to the component.
mt	SizeProp | undefined | null | false	0	Defines a top margin
mb	SizeProp | undefined | null | false	0	Defines a bottom margin
ml	SizeProp | undefined | null | false	0	Defines a left margin
mr	SizeProp | undefined | null | false	0	Defines a right margin
orientation	”horizontal” | “vertical”	horizontal	Defines which way the divider will be placed
thickness	string	1px	Defines how thick the line will be

CSS API

Hello there!

---

General Kenobi!

---
import "@gemini-ui-css/components/divider.css";
---

Hello there!
<hr class="gx-divider" />
General Kenobi!