Fader
Vertical slider for level control, commonly used in mixers. Supports vertical/horizontal orientation and audio taper response curve.
Sizes
Faders come in three sizes: small (80px), medium (120px), and large (160px).
Controlled
A controlled fader with value managed by parent state. Drag, scroll wheel, or use arrow keys to adjust.
Audio Taper
Professional mixer-style logarithmic taper. The visual position maps to perceived loudness, not linear amplitude.
Orientation
Faders can be vertical (default) or horizontal.
Custom Ranges & Formatting
Faders can have any numeric range with custom value formatting.
Step Values
Configure step size for fine or coarse adjustments.
States
Faders have different visual states for interaction feedback.
Value Display Options
Control whether the value is displayed below the fader.
Mixer Channel Example
How multiple faders work together in a mixer context.
Interactions
Multiple ways to adjust fader values.
Keyboard
- Arrow Up/Right - Increase by step
- Arrow Down/Left - Decrease by step
- Page Up - Increase by 10 steps
- Page Down - Decrease by 10 steps
- Home - Jump to minimum
- End - Jump to maximum
Mouse
- Drag up/down - Adjust value (vertical)
- Drag left/right - Adjust value (horizontal)
- Scroll wheel - Fine adjustment
- Double-click - Reset to default
- Cmd/Ctrl + click - Reset to default