# Slidenav ## Usage To create a navigation with previous and next buttons, just add the `data-uk-slidenav` attribute to `` elements. Add the `previous` or `next` parameter to the attribute to style the nav items as previous or next buttons. ```html ``` ```html ``` ## Slidenav container To display a conjoint slidenav, wrap the slidenav items inside a `
` element and add the `.uk-slidenav-container` class, as well as one of the `.uk-position-*` classes. ```html
``` ```html
``` ## Position as overlay To position the slidenav on top of an element or the [Slideshow component](/docs/latest/kit/slideshow) for example, just add one of the `.uk-position-*` classes from the [Position component](/docs/latest/kit/position). To create a position context on the container, add the `.uk-position-relative` class. ```html
``` ```html
```