Skip to content

v1.1.0
Compare
Choose a tag to compare
@joshwcomeau joshwcomeau released this 19 Feb 11:47
· 276 commits to master since this release
v1.1.0
c423b75

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)

Assets 2