Flexing container

Installation

npm install flexing-container

How to use

You can get inspired by Example here and Storybook demo here.

import { FlexingContainer } from 'flexing-container'

const MyComponent = () => {
    // …

    return (
        <FlexingContainer
            wrap={({ children }) => <div className="box">{children}</div>}
        >
            {items[activeItemIndex]}
        </FlexingContainer>
    )
}

Don't forget to import styles from flexing-container/dist/index.css.

Development

Run npm start and npm run storybook parallelly.