Divider is used to visually separate content in a list or group.

Usage

Import

import { Divider } from '@passfort/castle'
content_copy
Copy

Example

<Divider />
<Divider />
content_copy
Copy
live example

Vertical

<Row divider={<Divider direction="vertical" />}>
  <Item />
  <Item width="33%" />
  <Item flex={1} />
</Row>
<Row divider={<Divider direction="vertical" />}>
  <Item />
  <Item width="33%" />
  <Item flex={1} />
</Row>
content_copy
Copy
live example