Zcela nové mdui 2 založené na Material Design 3 a Web Components bylo vydáno, přejděte na dokumentaci mdui 2.

Oddělovač

Oddělovač se používá ke správě a oddělení obsahu v seznamech a rozvržení stránek, aby obsah měl lepší vizuální efekt a prostorový dojem.

Oddělovač je napsán čistě v CSS a funguje ihned po napsání HTML kódu.

Tmavý oddělovač pro světlé pozadí
Světlý oddělovač pro tmavé pozadí
Oddělovač s automatickým přizpůsobením barvy se bude automaticky přizpůsobovat tmavému nebo světlému motivu stránky

Styl

Oddělovač s plnou šířkou bude zabírat 100 % šířky. Dostupné třídy jsou:

Příklad

<div class="mdui-divider"></div>

Vykrojený oddělovač je vzdálen 72 px od levého okraje a často se používá v seznamech s avatary nebo ikonami. Dostupné třídy jsou:

Příklad

<div class="mdui-divider-inset"></div>

Název třídy	Popis
`.mdui-divider`	Definuje oddělovač. Ve výchozím motivu je tmavý, v tmavém motivu je světlý.
`.mdui-divider-light`	Definuje světlý oddělovač pro tmavé pozadí.
`.mdui-divider-dark`	Definuje tmavý oddělovač pro světlé pozadí.
`.mdui-divider-inset`	Definuje vykrojený oddělovač. Ve výchozím motivu je tmavý, v tmavém motivu je světlý.
`.mdui-divider-inset-light`	Definuje světlý vykrojený oddělovač pro tmavé pozadí.
`.mdui-divider-inset-dark`	Definuje tmavý vykrojený oddělovač pro světlé pozadí.