# Side rail

App navigation in a panel: the current page is a recess with its lamp lit, links grouped under printed labels.

Kit part · With the Kit · https://tactileui.dev/parts/side

> The code and styling for this part come with the Tactile UI Kit, which is in the Founder Pass. Sign in if you have it. Sign in: https://tactileui.dev/auth/sign-in The price: https://tactileui.dev/pricing

## Anatomy

Links in a grid.

## Variants

- Grouped

## States

- Rest
- Hover
- Current
- Focus

## Props and options

| Name | Kind | Description |
| - | - | - |
| svg | element |  |

## Usage notes

The page you are on is the one set in, its lamp lit.

## Accessibility

- The lamp is decoration on top of the recess and the ink weight.

## Related parts

- [Bar](https://tactileui.dev/parts/bar): The top of a page: a wordmark with a lamp, printed links, and one contrast key at most.
- [Tabs](https://tactileui.dev/parts/tabs): Views of the same thing, switched in place: keys in a tray, the chosen view a raised cap.
- [Panel](https://tactileui.dev/parts/panel): A face plate that groups what belongs together: a head, a rule, then the parts. Screws only on device-like panels.