Divider

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

Table of contents

• Usage
• Divider icon
• Divider small
• Divider vertical

Usage

You can use the .uk-hr class to an <hr/> or <div> 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.

Divider small

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

Divider vertical

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