flexin

About

Flexin' 💪 - a React component for layouts.

Quit writing a bunch of boilerplate flexbox CSS and start Flexin'!

Props

These props map to flex-related CSS properties.

• alignContent => align-content
• alignItems => align-items
• alignSelf => align-self
• basis => flex-basis
• direction => flex-direction
• grow => flex-grow
• justifyContent => justify-content
• order => order
• shrink => flex-shrink
• wrap => flex-wrap

These props are from React.

• children
• className

And this prop makes the component inline-flex instead of flex.

• inline (default: false)

Here's a no-nonsense overview of flexbox.

License

MIT