Slidenav

Defines a navigation with previous and next buttons to flip through slideshows.

Table of contents

• Usage
• Slidenav container
• Position as overlay

Usage

To create a navigation with previous and next buttons, just add the data-uk-slidenav attribute to <a> elements. Add the previous or next parameter to the attribute to style the nav items as previous or next buttons.

Slidenav container

To display a conjoint slidenav, wrap the slidenav items inside a <div> element and add the .uk-slidenav-container class, as well as one of the .uk-position-* classes.

Position as overlay

To position the slidenav on top of an element or the Slideshow component for example, just add one of the .uk-position-* classes from the Position component. To create a position context on the container, add the .uk-position-relative class.