@codeworker.br/govbr-tw-react/dist/components/Slider/index.d.ts

Biblioteca de componentes React usando Tailwind CSS que implementa o Padrão Digital de Governo.

import { type VariantProps } from "class-variance-authority";
import { sliderRootVariants, sliderTrailVariants } from "./variants";
type Colors = {
    /** classes Tailwind para o wrapper/ trilho externo */
    track?: string;
    /** classes Tailwind para o fundo “vazio” */
    trail?: string;
    /** classes Tailwind para a parte preenchida */
    level?: string;
    /** classes Tailwind para o handler (thumb) */
    thumb?: string;
};
type RangeValue = [number, number];
type SliderValue = number | RangeValue;
export type SliderProps = {
    /** valor atual (modo controlado). Aceita número único ou tupla [min, max] quando `range` */
    value?: SliderValue;
    /** valor inicial (modo não-controlado). Aceita número único ou tupla [min, max] quando `range` */
    defaultValue?: SliderValue;
    /** callback ao mudar. Recebe número ou tupla dependendo do modo */
    onChange?: (value: SliderValue) => void;
    /** habilita modo range com duas alças */
    range?: boolean;
    min?: number;
    max?: number;
    step?: number;
    disabled?: boolean;
    /** mostrar valor numérico à direita */
    showValue?: boolean;
    /** custom de cores via classes Tailwind */
    colors?: Colors;
    className?: string;
} & VariantProps<typeof sliderRootVariants> & VariantProps<typeof sliderTrailVariants>;
export default function Slider({ value, defaultValue, onChange, range, min, max, step, disabled, showValue, colors, className, density, variant, }: SliderProps): import("react/jsx-runtime").JSX.Element;
export {};