Skip to content

v1.4.1

Latest

Choose a tag to compare

@denchiklut denchiklut released this 19 Apr 23:42

This release re-exports TransitionGroup from transitions-kit, so it can now be imported directly from the package.

- import { Collapse } from 'transitions-kit'
- import { TransitionGroup } from 'react-transition-group'
+ import { TransitionGroup, Collapse } from 'transitions-kit'
  import { useState } from 'react'

  const FRUITS = [
    '🍏 Apple',
    '🍌 Banana',
    '🍍 Pineapple',
    '🥥 Coconut',
    '🍉 Watermelon'
  ]

  export default function () {
    const [fruitsInBasket, setFruitsInBasket] = useState(FRUITS.slice(0, 3))

    return (
      <ul>
        <TransitionGroup>
          {fruitsInBasket.map((item) => (
            <Collapse key={item}>
              <li>{item}</li>
            </Collapse>
          ))}
        </TransitionGroup>
      </ul>
    )
  }