@navinc/base-react-components/src/animate-height.story.js

Nav's Pattern Library

import React from 'react'
import { AnimateHeight } from './animate-height.js'
import readme from './animate-height.readme.md'

export default {
  title: 'Layout/AnimateHeight',
  component: AnimateHeight,
  parameters: {
    readme: { content: readme },
  },
}

export const Basic = (args) => <AnimateHeight style={{ background: 'lightgray' }} {...args} />

Basic.args = {
  children: [
    'The height of this container will animate if you change the contents. Ive also made it a light gray for this demo so you can actually see it. ',
    'The height of this container will animate if you change the contents with additional items. ',
  ],
}