Skip to main content

HorizontalLine

Reference

  • The HorizontalLine component is used to render a horizontal line styled as a divider.

Usage Example


function Example(pageContext) {
const { protrakComponents } = React.useContext(customWidgetContext);
const { HorizontalLine } = protrakComponents;
return (
<HorizontalLine />
<H4 style={{ paddingLeft: '1rem', paddingRight: '1rem' }}>Divider</H4>
<HorizontalLine />
);
};

  • It renders a Text component styled to appear as a horizontal line.
  • The component is useful for visually separating content in a UI.