1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
/// <reference types="react" />
export declare enum DrawerColorVariant {
default = "default",
secondary = "secondary",
noBackground = "no-background"
}
export interface DrawerProps extends React.HTMLProps<HTMLDivElement> {
/** Additional classes added to the Drawer. */
className?: string;
/** Content rendered in the drawer panel */
children?: React.ReactNode;
/** Indicates if the drawer is expanded */
isExpanded?: boolean;
/** Indicates if the content element and panel element are displayed side by side. */
isInline?: boolean;
/** Indicates if the drawer will always show both content and panel. */
isStatic?: boolean;
/** Position of the drawer panel. left and right are deprecated, use start and end instead. */
position?: 'start' | 'end' | 'bottom' | 'left' | 'right';
/** Callback when drawer panel is expanded after waiting 250ms for animation to complete. */
onExpand?: (event: KeyboardEvent | React.MouseEvent | React.TransitionEvent) => void;
}
export interface DrawerContextProps {
isExpanded: boolean;
isStatic: boolean;
onExpand?: (event: KeyboardEvent | React.MouseEvent | React.TransitionEvent) => void;
position?: string;
drawerRef?: React.RefObject<HTMLDivElement | null>;
drawerContentRef?: React.RefObject<HTMLDivElement | null>;
isInline: boolean;
}
export declare const DrawerContext: import("react").Context<Partial<DrawerContextProps>>;
export declare const Drawer: React.FunctionComponent<DrawerProps>;
//# sourceMappingURL=Drawer.d.ts.map
|
