@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
34 lines (33 loc) • 2.62 kB
TypeScript
/// <reference types="react" />
import { CompositeHTMLProps, CompositeOptions } from "reakit";
export declare type SegmentFieldOptions = CompositeOptions;
export declare type SegmentFieldHTMLProps = CompositeHTMLProps;
export declare type SegmentFieldProps = SegmentFieldOptions & SegmentFieldHTMLProps;
export declare const useSegmentField: {
(options?: CompositeOptions | undefined, htmlProps?: import("reakit").TabbableHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): import("reakit").TabbableHTMLProps;
unstable_propsAreEqual: (prev: import("reakit").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & Pick<Partial<import("reakit").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "currentId" | "wrap" | "groups" | "unstable_moves"> & Pick<import("reakit").CompositeStateReturn, "items" | "move" | "first" | "last" | "setCurrentId"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
}, next: import("reakit").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & Pick<Partial<import("reakit").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "currentId" | "wrap" | "groups" | "unstable_moves"> & Pick<import("reakit").CompositeStateReturn, "items" | "move" | "first" | "last" | "setCurrentId"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
}) => boolean;
__keys: readonly any[];
__useOptions: (options: CompositeOptions, htmlProps: import("reakit").TabbableHTMLProps) => CompositeOptions;
};
export declare const SegmentField: import("../system").Component<"div", import("reakit").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & Pick<Partial<import("reakit").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "currentId" | "wrap" | "groups" | "unstable_moves"> & Pick<import("reakit").CompositeStateReturn, "items" | "move" | "first" | "last" | "setCurrentId"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
}>;