react-minimize

React control to maximize / compress components.

Usage no npm install needed!

<script type="module">
  import reactMinimize from 'https://cdn.skypack.dev/react-minimize';
</script>

README

react-minimize

Composable component minimizer / restorer for React.

Build Status codecov

NPM

Install

npm install -S react-minimize

Usage

import React from 'react'
import reactMinimize from 'react-minimize'

/** reactMinimize is a factory that exports the maximize component. */
const Maximize = reactMinimize({ React })

export default props => (
  <Maximize
      shouldMaximize={() => true}
      shouldCompress={() => true}
  >
    {maximize => (
      <div>
        <span style={{ float: 'right' }}>
          {maximize.Controls}
        </span>
      </div>
    )}
  </Maximize>
)

Test

See react-minimize's test project at react-minimize-test

In active development, come back in a few days.