import React from 'react'; import { Drawer, DrawerPanelContent, DrawerContent, DrawerContentBody, DrawerHead, DrawerActions, DrawerCloseButton, DrawerPanelBody, Button, Title } from '@patternfly/react-core'; export const DrawerStackedContentBodyElements: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = React.useState(false); const drawerRef = React.useRef(); const onExpand = () => { drawerRef.current && drawerRef.current.focus(); }; const onClick = () => { setIsExpanded(!isExpanded); }; const onCloseClick = () => { setIsExpanded(false); }; const panelContent = ( Drawer panel body with no padding Drawer panel body ); return (
content-body content-body with padding content-body ); };