Divider

The divider element is a straightforward yet effective way to separate content within your layout. By using a simple <hr/> tag, you can create a visual break that enhances readability and organization of your custom data panel.

Using the divider element

Incorporating a divider into your content is as easy as adding an <hr/> tag. Here’s an example:

<p>This is some content above the divider.</p>
<hr/>
<p>This is some content below the divider.</p>

In this example, the horizontal rule clearly separates the two paragraphs, making it easier for users to distinguish between different sections of content.

You can also use the spacer component to create a visual hierarchy.