Components

Horizontal rule

hr
represents a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section.
Lorem ipsum dolor sit amet
<hr>
consectetur adipisicing elit
Lorem ipsum dolor sit amet
consectetur adipisicing elit

When used as a direct child of article, it gets a negative margin to span across the full card's width.

Modal title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum harum laborum quo vero veritatis eaque similique fuga quae, repudiandae, necessitatibus dolorem facere obcaecati beatae architecto expedita laboriosam cumque numquam inventore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum harum laborum quo vero veritatis eaque similique fuga quae, repudiandae, necessitatibus dolorem facere obcaecati beatae architecto expedita laboriosam cumque numquam inventore.

Dialog title

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores vitae officia, voluptatem modi quos quisquam similique tenetur voluptatum, ratione suscipit numquam dolore aperiam molestiae impedit. Ut, maiores? Alias, quos facilis.