The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.

--color - Sets the color of the divider.

--inset - Shrinks the divider by the given amount from the start. If middle is set it will shrink from both sides.

Callable

  • Returns ReactNode

Properties

middle: boolean

When set and inset is provided, it will shrink the divider line from both sides.

Whether to render a solid or a dashed divider line.

vertical: boolean

Whether to render a vertical divider line.