@ds-kit/divider

---

title: "Divider" slug: "/packages/divider" category: "general" componentNames:

• "Divider"

---

Divider

The Divider component is a simple wrapper around the <hr /> tag and can be used to separate content vertically.

import Divider from "@ds-kit/divider"

Simple example

<Divider my="5rem" color="grey.200" />