SliderSliderstock · do not build
The filled portion takes the app tint. Used for volume, playback position in the composed audio player, and any bounded numeric in a Form. Drag physics, thumb size and accessibility are the system’s.
Mid
tint fill to the thumb
With icons
SF Symbols either end
Track
4pt
--component-bg-active
Fill
--yellow-solid
from .tint()
Thumb
28pt
white, system shadow
Do not. Pin an animation duration to it, or replace it to add a tick scale. Use step: on the stock control.