O Stepper permite que os usuários façam uma seleção em um intervalo de valores.

Use os steppers para ter uma experiência de controle em tela cheia que permite aos usuários fazer uma seleção entre um intervalo de valores.
Anatomia

A. Botão "Aumentar"
B. Rótulo ou ícone
C. Botão "Diminuir"
Uso
Confira os exemplos a seguir de como usar os steppers.
Confira a biblioteca Horologist no GitHub (link em inglês), que oferece a implementação de uma tela de controle de volume.
Layouts adaptáveis
Comportamento responsivo
O componente stepper preenche a altura e a largura disponíveis. Portanto, a lacuna entre os elementos é determinada pelo tamanho da tela e pela altura disponível.