RangeSlider

Free

Controle deslizante com duas alças para escolher um valor inferior e um superior. As duas alças são entradas range nativas, de modo que as setas funcionam.

Exemplo

Parâmetros

Parâmetro	Tipo	Descrição
`Class`	`string`	Classes CSS extras adicionadas ao elemento raiz.
`Disabled`	`bool`	Desativa a interação.
`High`	`Double`	Valor superior. Use com @bind-High.
`Label`	`string`	Texto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta).
`Low`	`Double`	Valor inferior. Use com @bind-Low.
`MarkStep`	`Double?`	Distância entre marcas; por padrão, um quinto do intervalo.
`Max`	`Double`	Maior valor permitido (ProgressBar: o valor que significa 100%; Rating: número de estrelas).
`Min`	`Double`	Menor valor permitido.
`ShowMarks`	`bool`	Desenha marcas de escala com números sob a trilha.
`ShowValue`	`bool`	Mostra o valor atual ao lado do controle deslizante.
`Step`	`Double`	Quantidade somada ou subtraída pelos botões e pelas setas.
`Style`	`string`	Estilo embutido adicionado ao elemento raiz.

Eventos

Evento	Tipo	Descrição
`HighChanged`	`EventCallback<Double>`	Gerado quando o valor superior muda.
`LowChanged`	`EventCallback<Double>`	Gerado quando o valor inferior muda.

Pacote

RangeSlider faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.

Enviar feedbackVersão 1.0.3