# Ladder

An LED ladder for levels and load: green, then amber, then red, the way a recording level has always been read.

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

> 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

How it is built, line by line, comes with its code and styling.

## Variants

- default

## States

- Quiet
- Nominal
- Hot
- Clipping

## Props and options

| Name | Kind | Description |
| - | - | - |
| aria-value* | attribute | The kit draws it; give it a role and values so it is read. |

## Usage notes

Move the fader.

## Accessibility

- Under reduced motion the transition is off; the value is still drawn.

## Related parts

- [Progress](https://tactileui.dev/parts/progress): Progress through a task: ink filling a groove, never a coloured bar.
- [Fader](https://tactileui.dev/parts/fader): A continuous value along a line: a native range whose cap rides in a slot cut into the plate, with a printed scale.
- [LCD](https://tactileui.dev/parts/lcd): A value that changes, on grey-green liquid crystal, with a ghost of the unlit segments behind it: clocks, battery, counters.