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

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

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

Создание разделителя

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

Вы можете использовать простой элемент <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">