Sliders

ComponentsControls

Source: Apple Inc. Canonical content at https://developer.apple.com/design/human-interface-guidelines/sliders. This file is a structured index of that content, snapshot 2025-02-02. Apple HIG text and imagery are © Apple Inc.; this repository provides organization and cross-referencing for AI agent consumption only.

Sliders

Best practices

Customize a slider’s appearance if it adds value.

Use familiar slider directions.

Consider supplementing a slider with a corresponding text field and stepper.

Platform considerations

iOS, iPadOS

Don’t use a slider to adjust audio volume.

macOS

Consider giving live feedback as the value of a slider changes.

Choose a slider style that matches peoples’ expectations.

Consider using a label to introduce a slider.

Use tick marks to increase clarity and accuracy.

Consider adding labels to tick marks for even greater clarity.

visionOS

Prefer horizontal sliders.

watchOS

If necessary, create custom glyphs to communicate what the slider does.

Resources

Developer documentation

Change log


For the complete guidance, including worked examples and illustrations, see the canonical page: https://developer.apple.com/design/human-interface-guidelines/sliders

Get HIG guidance in your AI

Install Apple HIG Skills and get expert design guidance directly in Claude Code.

npx skills add raintree-technology/apple-hig-skills
Email updates aren't configured on this deployment yet. Follow the GitHub repo (opens in new tab) for updates.