Компонент Разделитель : Divider

Разделители для разделения частей контента c использованием различных стилей.

Создавайте разделители для разделения контента, с отступами до и после, с украшением в виде иконки, горизонтальный или вертикальный разделитель. Компонент «Разделитель» позволяет добавлять различные стили к разделителям.

Создать простой разделитель

Вы можете использовать простой элемент <hr>, чтобы отобразить разделение различных частей контента на ваших страницах. Также можно добавить класс .uk-hr к элементу <div>.


Разделитель и значок, иконка

Добавьте класс .uk-divider-icon к элементу <hr> или <div>, чтобы создать разделитель с украшением в виде симпотичной иконки.


  • <hr class="uk-divider-icon">

Маленький разделитель

Добавьте класс .uk-divider-small к элементу <hr> или <div>, чтобы создать маленький разделитель в виде короткой горизонтальной линии.


  • <hr class="uk-divider-small">

Вертикальный разделитель

Добавьте класс .uk-divider-vertical к элементу <hr> или <div>, чтобы установить вертикальный разделитель.


  • <hr class="uk-divider-vertical">
Документация
Компоненты