UIkit 3.x Documentation (as of v3.15.0)

Divider

Create dividers to separate content and apply different styles to them.

# Usage

You can use a simple <hr> element to illustrate a separation of different content parts on your pages. The Divider component allows you to add different styles to these dividers.

# Divider icon

Add the .uk-divider-icon class to a <hr> or <div> element to create a divider with some decoration, like an icon.

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

# Divider small

Add the .uk-divider-small class to a <hr> or <div> element to create a smaller divider.

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

# Divider vertical

Add the .uk-divider-vertical class to a <hr> or <div> element to create a vertical divider.

<hr class="uk-divider-vertical">

← Dotnav →