maximize-window v1.0.5

maximize-window

A small button about maximize your component

Installation

# use npm
npm i maximize-window

# use yarn
yarn add maximize-window

Usage

import Maximize from 'maximize-window';

new Maximize(document.getElementById('container'));

or

new Maximize(this.reactRef, {
    iconColor: 'white',
    fullScreenComponent: {
        style: {
            backgroundColor: '#e1eed2'
        }
    },
    maxButton: {
      style: {
        color: 'black',
      }
    },
    minButton: {
      style: {
        color: 'white',
      }
    },
    preHandle: (type) => {
      if (type === 1) {
        console.log('用户即将点击展开')
      }
      if (type === 0) {
        console.log('用户即将点击缩小')
      } 
    },
    postHandle: (type) => {
      if (type === 1) {
        console.log('用户已经点击展开')
      }
      if (type === 0) {
        console.log('用户已经点击缩小')
      } 
    }
});

Preview

初始(normal state)

全屏后(full screen state)

API