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
)