function Example() {
const [show, setShow] = React.useState(false);
const handleToggle = () => setShow(!show);
return (
<Box whiteSpace="pre-wrap">
<Box mb="2x">
<Button variantColor="green" onClick={handleToggle}>
Toggle
</Button>
</Box>
<Box height={64}>
<Fade show={show}>
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.
</Fade>
</Box>
</Box>
);
}