This is used primarily when you want to separate a page into sections. It represents a thematic break between paragraph-level elements. Think of it as a way to distinguish topics within HTML. It’s a way to visually distinguish between 2 different topics, sections, paragraphs, etc. Paragraph section 1.
|$divider-border||1px solid $black-tint-25||Sets the divider border.|
<span class="sprk-c-Divider" data-id="divider-1"> </span>
See below for available customization options:
|additionalClasses||string||Allows a string of classes to add, in addition to the spark classes. Intended for overrides.|
|idString||string||The value supplied will be assigned to the 'data-id' attribute on the component. This is intended to be used as a selector for automated tools. This value should be unique per page.|