@renderlesskit/react/dist/types/meter/Meter.d.ts

Collection of headless components/hooks that are accessible, composable, customizable from low level to build your own UI & Design System powered by Reakit

/// <reference types="react" />
import { RoleHTMLProps, RoleOptions } from "reakit";
import { MeterStateReturn } from "./MeterState";
export declare type MeterOptions = RoleOptions & Pick<MeterStateReturn, "value" | "max" | "min" | "percent">;
export declare type MeterHTMLProps = RoleHTMLProps;
export declare type MeterProps = MeterOptions & MeterHTMLProps;
export declare const useMeter: {
    (options?: MeterOptions | undefined, htmlProps?: RoleHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): RoleHTMLProps;
    unstable_propsAreEqual: (prev: RoleOptions & Pick<import("./MeterState").MeterState, "value" | "max" | "min" | "percent"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
        wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
    }, next: RoleOptions & Pick<import("./MeterState").MeterState, "value" | "max" | "min" | "percent"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
        wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
    }) => boolean;
    __keys: readonly any[];
    __useOptions: (options: MeterOptions, htmlProps: RoleHTMLProps) => MeterOptions;
};
export declare const Meter: import("reakit-system").Component<"div", RoleOptions & Pick<import("./MeterState").MeterState, "value" | "max" | "min" | "percent"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
    wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
}>;