npx dreamy add divider

pnpm dlx dreamy add divider

yarn dlx dreamy add divider

bunx dreamy add divider

Divider creates a visual separation between sections of content. It can be horizontal or vertical and helps organize your layout.

<Divider />

You can change the orientation of the Divider by using the orientation prop.

<Text semibold>Horizontal</Text>
<Divider orientation="horizontal" />
 
<Text semibold mt={4}>Vertical</Text>
<Divider orientation="vertical" h="100px" />