@renderlesskit/react
Version:
Collection of headless components/hooks that are accessible, composable, customizable from low level to build your own UI & Design System powered by Reakit
35 lines (34 loc) • 2.3 kB
TypeScript
/// <reference types="react" />
import { InputHTMLProps, InputOptions } from "reakit";
import { SliderThumbStateReturn } from "./SliderThumbState";
export declare type SliderInputOptions = InputOptions & Pick<SliderThumbStateReturn, "inputProps" | "inputRef"> & {};
export declare type SliderInputHTMLProps = InputHTMLProps & {};
export declare type SliderInputProps = SliderInputOptions & SliderInputHTMLProps;
export declare const useSliderInput: {
(options?: SliderInputOptions | undefined, htmlProps?: SliderInputHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): SliderInputHTMLProps;
unstable_propsAreEqual: (prev: import("reakit").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & Pick<import("./SliderThumbState").SliderThumbState, "inputRef" | "inputProps"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
} & import("react").InputHTMLAttributes<any>, next: import("reakit").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & Pick<import("./SliderThumbState").SliderThumbState, "inputRef" | "inputProps"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
} & import("react").InputHTMLAttributes<any>) => boolean;
__keys: readonly any[];
__useOptions: (options: SliderInputOptions, htmlProps: SliderInputHTMLProps) => SliderInputOptions;
};
export declare const SliderInput: import("../system").Component<"input", import("reakit").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & Pick<import("./SliderThumbState").SliderThumbState, "inputRef" | "inputProps"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
} & import("react").InputHTMLAttributes<any>>;