s4n60w3n-resizer v1.0.3

Resizer

React container component that allows you to resize it live on the page.

npm i s4n60w3n-resizer

Storybook with examples
Storybook sources

Example

    import { Resizer } from 's4n60w3n-resizer';

    <Resizer>
      <FirstChild />
      <SecondChild />
      <ThirdChild />
    </Resizer>

Component uses aphrodite for styles. One can pass custom styles via styles prop.

    import { StyleSheet } from 'aphrodite';

    <Resizer
      styles={StyleSheet.create({
        sizerWrap: {
          border: '3px dotted pink'
        }
      })}
    />

However, you can use normal class names as they are defined.

    <div className="sizerWrap">
        <div className="horizontalSizer"/>
        <div className="verticalSizer"/>
        <div className="fullSizer"/>
        { children }
    </div>

Developer

npm run build - build minified
npm run build:dev - build non-minified
npm run build:prod - build minified
npm run test - run test
npm run test:watch - run tests continuously
npm run storybook:start - start storybook
npm run storybook:build - build storybook
npm run release - publish package

Github
NPM