yarn react-flip-move 1.1.0
v1.1.0

latest releases: 3.0.5, 3.0.4, 3.0.3...
8 years ago

Add custom class and type to <FlipMove> component.

className

When you wrap your children in a <FlipMove> component, a <div> element gets created in its place.

If you're using a grid system like the ones in Foundation or Bootstrap, this is problematic! You need a row class to be appended to that container.

By using the new className prop on <FlipMove>, you can specify which class(es) need to be copied to the wrapper.

typeName

There are times when you might wish for the <FlipMove> wrapper to be a specific HTML element (for example, a <ul> if your children are all <li>s.

The new typeName prop allows you to pass any valid HTML element name ("ul", "section", "a", etc) to be used instead of a <div> to wrap the children.

Note that interesting things may happen if you don't use block elements (or apply block styling with display: block)

Don't miss a new react-flip-move release

NewReleases is sending notifications on new releases.