Divider

Linha divisória horizontal. Funciona tanto aplicada diretamente em um <hr> quanto em qualquer elemento com a classe .divider.

<hr class="divider" />
<!-- ou -->
<div class="divider"></div>

Espaçamento (margem vertical)

Classe	Margem vertical
.divider--xs	--mds-spacing-xs
.divider--sm	--mds-spacing-sm
.divider--md	--mds-spacing-md
.divider--lg	--mds-spacing-lg

Cor

Classe	Cor da borda
.divider--lighter	--mds-dimmed-2
.divider--light	--mds-dimmed-3
.divider--default	--mds-colors-ui-border (mesma cor usada quando nenhum modificador de cor é aplicado)
.divider--dark	--mds-dimmed-5
.divider--darker	--mds-dimmed-6

Os modificadores de espaçamento e cor podem ser combinados livremente (ex.: class="divider divider--lg divider--dark").

Visão ao vivo

Storybook mds-styles (HTML/CSS) — utilities-divider ↗