React Nails Docz

Advanced Controls

Basic

Controls

Divider Example Properties Playground

Grid

Icon

Layout

Theme

Divider

A Divider is a horizontal or vertical line to separate blocks.

Example

Some Text
Some more Text

New chapter, new text

Properties

vertical - boolean

If set the line is vertical

Left side text
Left side text
Left side text
Left side text

Right side text
Right side text
Right side text
Right side text
Right side text
Right side text

Playground

Some Text
Some more Text

New chapter, new text

<Box backgroundColor="positiveLight" space="medium">
  Some Text
  <br />
  Some more Text
</Box>
<Divider />
<Box backgroundColor="negativeLight" space="medium">
  New chapter, new text
</Box>

<Box backgroundColor="positiveLight" space="medium">
  Some Text
  <br />
  Some more Text
</Box>
<Divider />
<Box backgroundColor="negativeLight" space="medium">
  New chapter, new text
</Box>