export default function Example() { return ( <Drawer.Root id="optional-close"> <Box css={{ display: "flex", flexDirection: "column", gap: "$100" }}> <Drawer.Trigger>See example</Drawer.Trigger> <p>Click button to see option</p> </Box> <Drawer.Content height="200px"> Close is optional. Click outside the drawer to close click the scrim to close the drawer. </Drawer.Content> <Drawer.Scrim /> </Drawer.Root> ); }