welcome-ui/dist/types/components/Drawer/types.d.ts

Customizable design system with react, typescript, tailwindcss and ariakit.

import { DialogOptions, DialogProps, DialogStore } from '@ariakit/react';
import { ComponentPropsWithRef } from 'react';
import { CloseButtonProps } from '../CloseButton/types';
export type { DialogStore as UseDrawer, DialogStoreProps as UseDrawerProps, DialogStoreState as UseDrawerState, } from '@ariakit/react';
export type BackdropOptions = {
    hideOnInteractOutside?: boolean;
};
export type BackdropProps = BackdropOptions & ComponentPropsWithRef<'div'>;
export type CloseProps = CloseButtonProps;
export type ContentProps = ComponentPropsWithRef<'div'>;
export interface DrawerOptions extends DialogOptions<'div'> {
    placement?: Placement;
    size?: Size;
    withBackdrop?: boolean;
    withCloseButton?: boolean;
}
export type DrawerProps = ComponentPropsWithRef<'div'> & DialogProps<'div'> & DrawerOptions;
export type FooterProps = ComponentPropsWithRef<'div'>;
export type TitleProps = ComponentPropsWithRef<'div'>;
export type TriggerProps = ComponentPropsWithRef<'button'> & {
    store: DialogStore;
};
type Placement = 'bottom' | 'left' | 'right' | 'top';
type Size = 'auto' | 'sm' | 'md' | 'lg' | string;