@neuctra/ui/dist/types/components/basic/Slider.d.ts

A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.

import { default as React } from 'react';
export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "size" | "type"> {
    value?: number;
    defaultValue?: number;
    onChange?: (value: number) => void;
    min?: number;
    max?: number;
    step?: number;
    label?: string;
    /** Show the current value at the right edge of the label row. */
    showValue?: boolean;
    /** Format the displayed value (e.g. v => `${v}%`). */
    formatValue?: (value: number) => React.ReactNode;
    /** Tick labels rendered under the track. */
    marks?: {
        value: number;
        label?: React.ReactNode;
    }[];
    size?: "sm" | "md" | "lg";
    wrapperClassName?: string;
    /** Row wrapping the label and the current-value text. */
    labelRowClassName?: string;
    labelClassName?: string;
    valueClassName?: string;
    /** Wrapper around the tick marks rendered under the track. */
    marksClassName?: string;
    /** Applied to each individual tick mark. */
    markClassName?: string;
}
export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;