@clubmed/trident-ui/molecules/Forms/Range.d.ts

Shared ClubMed React UI components

import { type InputHTMLAttributes } from 'react';
import './range.css';
interface RangeProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
    /**
     * Aria label
     * @default 'Range'
     * */
    ariaLabel?: string;
    /**
     * Additional class names
     * */
    className?: string;
    /**
     * Data test id
     * */
    dataTestId?: string;
    /**
     * Single cursor mode
     * @default false
     * */
    singleCursorMode?: boolean;
    /**
     * Min value
     * @default 0
     * */
    min?: number;
    /**
     * On change
     * */
    onChange?: (name: string, value: number[]) => void;
    /**
     * Options
     * @default []
     * */
    options: {
        value: number;
        label: string;
    }[];
}
export declare const Range: (props: RangeProps) => import("react/jsx-runtime").JSX.Element;
export {};