| classNames | -- | {header?:string;body?:string;footer?:string;mask?:string;wrapper?:string;content?:string;bodyContent?:string;extra?:string;title?:string} | -- |
| containerMaxWidth | -- | number | -- |
| noHeader | -- | boolean | -- |
| sidebar | -- | ReactNode | -- |
| sidebarWidth | -- | number | -- |
| styles | -- | {header?:object;body?:object;footer?:object;mask?:object;wrapper?:object;content?:object;bodyContent?:object;extra?:object;title?:object} | -- |
| extra | -- | ReactNode | -- |
| size | -- | "large"|"default" | -- |
| style | -- | {} | -- |
| className | -- | string | -- |
| children | -- | ReactNode | -- |
| onKeyDown | -- | (event:E)=>void | -- |
| onKeyUp | -- | (event:E)=>void | -- |
| onClick | -- | (event:E)=>void | -- |
| onMouseEnter | -- | (event:E)=>void | -- |
| onMouseLeave | -- | (event:E)=>void | -- |
| onMouseOver | -- | (event:E)=>void | -- |
| autoFocus | -- | boolean | -- |
| id | -- | string | -- |
| title | -- | ReactNode | -- |
| width | -- | number|string | -- |
| height | -- | number|string | -- |
| visible | -- | boolean | -- |
| prefixCls | -- | string | -- |
| loading | -- | boolean | -- |
| rootClassName | -- | string | -- |
| footer | -- | ReactNode | -- |
| mask | -- | boolean | -- |
| placement | -- | "top"|"bottom"|"left"|"right" | -- |
| open | -- | boolean | -- |
| closable | Recommend to use closeIcon instead
e.g.
`<Drawer closeIcon={false} />` | {closeIcon?:ReactNode;disabled?:boolean}|boolean | -- |
| onClose | -- | (e:React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>)=>void | -- |
| closeIcon | -- | ReactNode | -- |
| motion | -- | CSSMotionProps|(placement:import("/node_modules/rc-drawer/lib/DrawerPopup").Placement)=>{motionName?:string|{appear?:string;enter?:string;leave?:string;appearActive?:string;enterActive?:string;leaveActive?:string};visible?:boolean;motionAppear?:boolean;motionEnter?:boolean;motionLeave?:boolean;motionLeaveImmediately?:boolean;motionDeadline?:number;forceRender?:boolean;removeOnLeave?:boolean;leavedClassName?:string;eventProps?:object;onAppearPrepare?:(element:HTMLElement)=>void|Promise;onEnterPrepare?:(element:HTMLElement)=>void|Promise;onLeavePrepare?:(element:HTMLElement)=>void|Promise;onAppearStart?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onEnterStart?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onLeaveStart?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onAppearActive?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onEnterActive?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onLeaveActive?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onAppearEnd?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|boolean;onEnterEnd?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|boolean;onLeaveEnd?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|boolean;onVisibleChanged?:(visible:boolean)=>void;internalRef?:|bivarianceHack|RefObject;children?:(props:{ [key: string]: any; visible?: boolean | undefined; className?: string | undefined; style?: React.CSSProperties | undefined; },ref:(node: any) => void)=>{type:any;props:any;key:string|}} | -- |
| maskStyle | -- | {} | -- |
| push | -- | boolean|PushConfig | -- |
| forceRender | -- | boolean | -- |
| keyboard | -- | boolean | -- |
| rootStyle | -- | {} | -- |
| zIndex | -- | number | -- |
| maskClosable | -- | boolean | -- |
| maskClassName | -- | string | -- |
| maskMotion | -- | {motionName?:string|{appear?:string;enter?:string;leave?:string;appearActive?:string;enterActive?:string;leaveActive?:string};visible?:boolean;motionAppear?:boolean;motionEnter?:boolean;motionLeave?:boolean;motionLeaveImmediately?:boolean;motionDeadline?:number;forceRender?:boolean;removeOnLeave?:boolean;leavedClassName?:string;eventProps?:object;onAppearPrepare?:(element:HTMLElement)=>void|Promise;onEnterPrepare?:(element:HTMLElement)=>void|Promise;onLeavePrepare?:(element:HTMLElement)=>void|Promise;onAppearStart?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onEnterStart?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onLeaveStart?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onAppearActive?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onEnterActive?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onLeaveActive?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|CSSProperties;onAppearEnd?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|boolean;onEnterEnd?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|boolean;onLeaveEnd?:(element:HTMLElement,event:import("/node_modules/rc-motion/es/interface").MotionEvent)=>void|boolean;onVisibleChanged?:(visible:boolean)=>void;internalRef?:|bivarianceHack|RefObject;children?:(props:{ [key: string]: any; visible?: boolean | undefined; className?: string | undefined; style?: React.CSSProperties | undefined; },ref:(node: any) => void)=>{type:any;props:any;key:string|}} | -- |
| afterOpenChange | -- | (open:boolean)=>void | -- |
| drawerRender | -- | (node:React.ReactNode)=>|string|number|unknown|ReactElement|Iterable<ReactNode>|ReactPortal|Promise<AwaitedReactNode>|boolean | -- |
| destroyOnClose | -- | boolean | -- |
| getContainer | -- | string|Element|DocumentFragment|()=>Element|DocumentFragment|boolean | -- |
| panelRef | -- | |bivarianceHack|RefObject | -- |
| headerStyle | -- | {} | -- |
| bodyStyle | -- | {} | -- |
| footerStyle | -- | {} | -- |
| contentWrapperStyle | -- | {} | -- |
| drawerStyle | -- | {} | -- |
| afterVisibleChange | -- | (open:boolean)=>void | -- |
