import { Story, Meta, html } from '@open-wc/demoing-storybook';

<Meta title="Navigation/Intro" />

# Navigation

Navigational elements are used to guide users within your page.

## Features

- fully accessible

## Packages

| Package                                                               | Version                                                                                                                              | Description                                            |
| --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------ |
| [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 |
