Componente Slider

O Slider é um componente interativo que permite aos usuários selecionar valores numéricos deslizando um controle ao longo de uma trilha, com suporte para diferentes configurações como passos, intervalo e estados desabilitados.

Como importar

import { Slider } from '@/app/shared/@JustLaunch/components'

Exemplo de uso

Padrão

<Slider
  defaultValue={[50]}
  min={0}
  max={100}
  step={1}
  onValueChange={(value) => console.log(value)}
/>

Com Intervalo

<Slider
  defaultValue={[20, 80]}
  min={0}
  max={100}
  step={1}
  onValueChange={(value) => console.log(value)}
/>

Com Passos

<Slider
  defaultValue={[50]}
  min={0}
  max={100}
  step={10}
  onValueChange={(value) => console.log(value)}
/>

Desabilitado

<Slider
  defaultValue={[30]}
  min={0}
  max={100}
  step={1}
  disabled={true}
  onValueChange={(value) => console.log(value)}
/>

Props