# Bar

The top of a page: a wordmark with a lamp, printed links, and one contrast key at most.

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

> 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

A flex row and type, nothing else. The lamp is the kit’s lamp; the key is the kit’s key.

## Variants

- Brand and links

## States

- Link
- Hover
- Current
- Focus

## Usage notes

The current page is printed in full ink; the rest in the second ink.

## Accessibility

- On phones, let it wrap or move links into a menu; do not let it scroll the page sideways.

## Related parts

- [Side rail](https://tactileui.dev/parts/side): App navigation in a panel: the current page is a recess with its lamp lit, links grouped under printed labels.
- [Tabs](https://tactileui.dev/parts/tabs): Views of the same thing, switched in place: keys in a tray, the chosen view a raised cap.
- [Key](https://tactileui.dev/parts/key): Every button, and every link that acts like one: a cap on a skirt that drops below the plate when pressed.