@adaptui/react/dist/types/dialog/drawer.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

import { DialogOptions } from "ariakit/dialog";
import { As, Props } from "ariakit-utils/types";
export declare const useDrawer: import("ariakit-utils/types").Hook<DrawerOptions<"div">>;
export declare const Drawer: import("ariakit-utils/types").Component<DrawerOptions<"div">>;
export declare type DrawerOptions<T extends As = "div"> = DialogOptions<T> & {
    /**
     * Direction to place the drawer.
     *
     * @default left
     */
    placement?: Placement;
};
export declare type DrawerProps<T extends As = "div"> = Props<DrawerOptions<T>>;
export declare type Placement = keyof typeof PLACEMENTS;
declare const PLACEMENTS: {
    left: {
        left: number;
        top: number;
        bottom: number;
        height: string;
    };
    right: {
        right: number;
        top: number;
        bottom: number;
        height: string;
    };
    top: {
        right: number;
        left: number;
        top: number;
        width: string;
    };
    bottom: {
        right: number;
        left: number;
        bottom: number;
        width: string;
    };
};
export {};