React

Divider

PropsCSS Variables

Using hr (default)


Using li

  • List item one
  • List item two

Using div

Props

Divider properties
NameTypeRequiredDefaultDescription
classNamestring''Additional classes added to the divider
component'hr' | 'li' | 'div'DividerVariant.hrThe component type to use

CSS Variables

--pf-c-divider--BackgroundColorc_divider_BackgroundColor
var(--pf-global--BorderColor--dark-100)
--pf-c-divider--Heightc_divider_Height
var(--pf-global--BorderWidth--sm)