Divider

import { Divider } from 'yarcl';

Above

---

Below

Left

---

Right

<Stack>
  <Text>Above</Text>
  <Divider />
  <Text>Below</Text>
</Stack>

<Inline gap="sm">
  <Text>Left</Text>
  <Divider orientation="vertical" />
  <Text>Right</Text>
</Inline>

A divider has no spacing of its own: the parent’s gap spaces it. It’s an <hr>, announced as a separator.

Props

Prop	Type	Default	Description
orientation	'horizontal' | 'vertical'	'horizontal'	Direction of the line. Use 'vertical' inside an Inline.