open and close it in onClose, which fires for the close button, the mask and Esc.floating to hold the panel off the screen edges with rounded corners, from any placement.divided={false} to remove the lines under the header and above the footer, and the body's top and bottom padding with them.flush to remove the body's padding, so an image or a list reaches the panel's edges.small to tighten the header, body and footer padding and step the title and close glyph down, for a narrow panel next to dense content.closable={{ placement: "start" }} to move the close button from the end of the header to before the title.resizable to let the reader drag the drawer's inner edge, cap the width with maxSize, and set a minimum inside onResize.mask={{ blur: true }} to blur the page behind the drawer as well as dimming it.mask={{ closable: false }} and keyboard={false} so only a button closes the drawer, like one holding unsaved work.mask={false} to leave the page behind the drawer visible and usable while the drawer is open.extra, and end them with a vertical Divider to set them apart from the close button.footer stay in place.loading to show a skeleton in the body while its data arrives, with the title already in place.Drawer inside another to open the next level, which pushes its parent aside, here also as a floating stack with a shorter push distance.getContainer={false} to render the drawer inside its parent element instead of over the whole page.Form in a drawer that focuses its first field on open, moves to the first invalid field on a failed submit, and clears its fields when the drawer closes.