@yandex/ui/Slider/Thumb/Slider-Thumb.d.ts

Yandex UI components

import { FC, Ref, KeyboardEventHandler, MouseEventHandler, CSSProperties } from 'react';
import './Slider-Thumb.css';
export declare type SliderThumbProps = {
    /**
     * Максимально возможное значение бегунка
     */
    'aria-valuemax': number;
    /**
     * Минимально возможное значение бегунка
     */
    'aria-valuemin': number;
    /**
     * Текущее значение бегунка
     */
    'aria-valuenow': number;
    /**
     * Дополнительный класс у корневого DOM-элемента
     */
    className?: string;
    /**
     * Обработчик, который вызывается при нажатии на бегунок
     */
    onClick?: MouseEventHandler<MouseEventHandler>;
    /**
     * Обработчик, который вызывается при нажатии клавиши на клавиатуре
     */
    onKeyDown: KeyboardEventHandler<HTMLButtonElement>;
    /**
     * Обработчик, который вызывается при отжатии клавиши на клавиатуре
     */
    onKeyUp: KeyboardEventHandler<HTMLButtonElement>;
    /**
     * Нажатое состояние бегунка
     */
    pressed: boolean;
    /**
     * Неактивное состояние бегунка
     *
     * @default false
     */
    disabled?: boolean;
    /**
     * Текущее значение бегунка
     */
    value: number;
    /**
     * Ссылка на корневой DOM элемент компонента
     */
    innerRef: Ref<HTMLButtonElement>;
    /**
     * Идентификатор, используемый в тестах
     *
     * @example
     *
     * {testId}-thumb
     */
    testId?: string;
    /**
     * Пользовательские стили на DOM элементе.
     */
    style?: CSSProperties;
};
export declare const SliderThumb: FC<SliderThumbProps>;