Slider

SobreCopiar link da âncora

Slider estilo HeroUI: trilha em pílula com thumb branco encapsulado 2px dentro dela. KasySlider seleciona um valor único; KasyRangeSlider seleciona um intervalo (dois thumbs).

• value / values: valor atual (KasySlider) ou RangeValues (KasyRangeSlider).
• onChanged / onChangeEnd: callbacks de mudança contínua e ao soltar. Sem onChanged, o slider fica desabilitado.
• min, max: limites do valor (padrão 0 a 1).
• divisions: quando definido, o valor "encaixa" (snap) em passos, com pontinhos marcando cada divisão na trilha.
• label / valueText: cabeçalho opcional acima da trilha (rótulo à esquerda, valor à direita).
• marks: lista de textos exibidos abaixo da trilha (ex: extremos "Min"/"Max").
• color: sobrescreve a cor de destaque (padrão é context.colors.primary).
• tooltip: função (double) => String que, quando definida, mostra uma bolha de valor flutuando sobre o thumb.

KasyRangeSlider tem as mesmas props (com values/onChanged no plural) e escolhe automaticamente qual dos dois thumbs mover conforme a posição do toque.

PreviewCopiar link da âncora

Atualizado em 03/11/2026