UNPKG

2.03 kBTypeScriptView Raw
1import * as React from 'react';
2import { DrawerColorVariant } from './Drawer';
3export interface DrawerPanelContentProps extends React.HTMLProps<HTMLDivElement> {
4 /** Additional classes added to the drawer. */
5 className?: string;
6 /** ID of the drawer panel */
7 id?: string;
8 /** Content to be rendered in the drawer panel. */
9 children?: React.ReactNode;
10 /** Flag indicating that the drawer panel should not have a border. */
11 hasNoBorder?: boolean;
12 /** Flag indicating that the drawer panel should be resizable. */
13 isResizable?: boolean;
14 /** Callback for resize end. */
15 onResize?: (width: number, id: string) => void;
16 /** The minimum size of a drawer, in either pixels or percentage. */
17 minSize?: string;
18 /** The starting size of a resizable drawer, in either pixels or percentage. */
19 defaultSize?: string;
20 /** The maximum size of a drawer, in either pixels or percentage. */
21 maxSize?: string;
22 /** The increment amount for keyboard drawer resizing, in pixels. */
23 increment?: number;
24 /** Aria label for the resizable drawer splitter. */
25 resizeAriaLabel?: string;
26 /** Width for drawer panel at various breakpoints. Overriden by resizable drawer minSize and defaultSize. */
27 widths?: {
28 default?: 'width_25' | 'width_33' | 'width_50' | 'width_66' | 'width_75' | 'width_100';
29 lg?: 'width_25' | 'width_33' | 'width_50' | 'width_66' | 'width_75' | 'width_100';
30 xl?: 'width_25' | 'width_33' | 'width_50' | 'width_66' | 'width_75' | 'width_100';
31 '2xl'?: 'width_25' | 'width_33' | 'width_50' | 'width_66' | 'width_75' | 'width_100';
32 };
33 /** Color variant of the background of the drawer panel */
34 colorVariant?: DrawerColorVariant | 'light-200' | 'default';
35 /** @hide Internal ref to drawer content */
36 drawerContentRef?: React.RefObject<HTMLDivElement>;
37}
38export declare const DrawerPanelContent: React.FunctionComponent<DrawerPanelContentProps>;
39//# sourceMappingURL=DrawerPanelContent.d.ts.map
\No newline at end of file