Horizontal rule
Horizontal rules are used to provide a visual break and divide content. In majority of cases, <hr> tags are used for visual purposes only therefore, it does not need to be announced by a screen reader. Add the attribute aria-hidden="true" so that the can screen readers ignore the element.
Component data
Global resources:
cicon-package.zip | bootstrap-grid.css (4.4.1) | jquery-3.6.0.min.js
Component resources:
SCSS files
Demo
Configure: select the dropdowns below to display the variety of options that horizontal rule supports.