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

Component resources:
SCSS files | coc-card-item.js

Demo

Configure: select the dropdowns below to display the variety of options that horizontal rule supports.



Code


				
			

Responsive preview