HTML

Divider

ExamplesDocumentationCSS Variables

Examples

Divider <hr>

Copied to clipboard

Divider <li>

Copied to clipboard

Divider <div>

Copied to clipboard

Documentation

Overview

The divider renders as an <hr> by default. It is possible to make the divider render as an li or a div to match the HTML5 specification and context of the divider.

Attribute Applied to Outcome
role="separator" li.pf-c-divider, div.pf-c-divider Indicates that the separator is a separator.

Usage

Class Applied to Outcome
.pf-c-divider <hr>, <li>, <div> Defines the divider component.

CSS Variables

--pf-c-divider--BackgroundColorc_divider_BackgroundColorvar(--pf-global--BorderColor--dark-100)
--pf-c-divider--Heightc_divider_Heightvar(--pf-global--BorderWidth--sm)