Slider
Escolha de um valor ou de um intervalo dentro de uma faixa. Mostre sempre o valor atual em texto ao lado.
Prazo do envelope
Prazo para assinar7 dias
Vence em 7 dias, às 23:59 do horário de Brasília.Intervalo
Dois polegares: primeiro e último lembrete antes do vencimento.
Janela de lembretes2 a 5 dias antes
Cores, vertical e desabilitado
100%
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| value / defaultValue | number[] | — | Um item por polegar. |
| min / max / step | number | 0 / 100 / 1 | Faixa e passo. |
| color | "primary" | "success" | "warning" | "caution" | "danger" | "info" | "primary" | Cor da faixa preenchida e da borda do polegar. |
| orientation | "horizontal" | "vertical" | "horizontal" | Na vertical, o slider ocupa a altura do pai, com mínimo de 160px. |
| thumbLabels | string[] | — | aria-label de cada polegar, na ordem dos valores. |
| disabled | boolean | false | Bloqueia a interação. |
<Slider value={deadline} onValueChange={setDeadline} min={1} max={30} thumbLabels={["Prazo em dias"]} />