HorizontalSeparator is a visual divider with optional text. It has no interaction or state and does not render native hr semantics.
Usage
Spacing and visibility
Omittext for one continuous line. noMargin removes the vertical margins. visible={false} hides the line while preserving the margins and any text. A custom color changes the line color; the default uses the medium border color.
Use headings to communicate document structure. If a separator must have semantic meaning, place the unlabeled component in a wrapper with role="separator". Native attributes, event handlers, and children are not forwarded.
Props
string
CSS line color. Defaults to the medium border color.
boolean
default:"false"
Removes the vertical margins.
string
default:""
Optional label displayed between two lines.
boolean
default:"true"
Shows the dividing line. Setting it to false preserves margins and any text.