AnimateHeight

<Toggle initial={false}>
  {({ on, toggle }) => {
    return (
      <div>
        <Button onClick={toggle}>Toggle Element Height</Button>
        <AnimateHeight height={on ? 'auto' : 0}>
          <div>
            <p>This is the child content that should be animated! </p>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              Curabitur suscipit purus nec sem pulvinar euismod. Proin sit
              amet lacus cursus, sagittis ante non, ultrices diam. Nunc
              vehicula lectus eu leo vestibulum aliquet. Vivamus sagittis
              sapien lorem, quis fringilla felis gravida a. Donec id nulla
              massa. Morbi et ante ullamcorper nulla tristique feugiat in eget
              lectus. Suspendisse in turpis eget massa ultricies malesuada vel
              quis ipsum. Aenean auctor, nibh tincidunt dapibus laoreet, eros
              velit iaculis diam, ut varius risus mauris eget ipsum.
            </p>
          </div>
        </AnimateHeight>
      </div>
    )
  }}
</Toggle>