diff --git a/docs/pages/material-ui/api/swipeable-drawer.json b/docs/pages/material-ui/api/swipeable-drawer.json index 7e67e10942d550..13b2e251d53e13 100644 --- a/docs/pages/material-ui/api/swipeable-drawer.json +++ b/docs/pages/material-ui/api/swipeable-drawer.json @@ -2,7 +2,6 @@ "props": { "onClose": { "type": { "name": "func" }, "required": true }, "onOpen": { "type": { "name": "func" }, "required": true }, - "open": { "type": { "name": "bool" }, "required": true }, "children": { "type": { "name": "node" } }, "disableBackdropTransition": { "type": { "name": "bool" } }, "disableDiscovery": { "type": { "name": "bool" } }, @@ -12,6 +11,7 @@ }, "hysteresis": { "type": { "name": "number" }, "default": "0.52" }, "minFlingVelocity": { "type": { "name": "number" }, "default": "450" }, + "open": { "type": { "name": "bool" } }, "SwipeAreaProps": { "type": { "name": "object" } }, "swipeAreaWidth": { "type": { "name": "number" }, "default": "20" }, "transitionDuration": { diff --git a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.d.ts b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.d.ts index 2c493492628c2e..e4ff21a53291e9 100644 --- a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.d.ts +++ b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.d.ts @@ -47,8 +47,9 @@ export interface SwipeableDrawerProps extends Omit; /** * If `true`, the component is shown. + * @default false */ - open: boolean; + open?: boolean; /** * The element is used to intercept the touch events on the edge. */ diff --git a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.js b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.js index 6f6de5227700cf..9acb531bbc3999 100644 --- a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.js +++ b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.js @@ -151,7 +151,7 @@ const SwipeableDrawer = React.forwardRef(function SwipeableDrawer(inProps, ref) ModalProps: { BackdropProps, ...ModalPropsProp } = {}, onClose, onOpen, - open, + open = false, PaperProps = {}, SwipeAreaProps, swipeAreaWidth = 20, @@ -669,6 +669,7 @@ SwipeableDrawer.propTypes /* remove-proptypes */ = { onOpen: PropTypes.func.isRequired, /** * If `true`, the component is shown. + * @default false */ open: PropTypes.bool.isRequired, /**