# Navigation

Navigational elements are used to guide users within your page.

## Features

- fully accessible

## Packages

| Package                                                   | Version                                                                                                            | Description                                              |
| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- |
| [accordion](?path=/docs/accordion-steps--default-story)   | [![accordion](https://img.shields.io/npm/v/@lion/accordion.svg)](https://www.npmjs.com/package/@lion/accordion)    | A component to toggle the display of sections of content |
| [pagination](?path=/docs/pagination-steps--default-story) | [![pagination](https://img.shields.io/npm/v/@lion/pagination.svg)](https://www.npmjs.com/package/@lion/pagination) | A component that handles pagination                      |
| [steps](?path=/docs/navigation-steps--default-story)      | [![steps](https://img.shields.io/npm/v/@lion/steps.svg)](https://www.npmjs.com/package/@lion/steps)                | Multi Step System                                        |
| [tabs](?path=/docs/navigation-tabs--default-story)        | [![tBS](https://img.shields.io/npm/v/@lion/tabs.svg)](https://www.npmjs.com/package/@lion/tabs)                    | Move between a small number of equally important views   |

```js script
export default {
  title: 'Navigation/Intro',
};
```