react-dock-modal

A Dockable React Modal Like GMail Compose Window

Demo

https://crackayus09.github.io/react-dock-modal/

Install

npm install --save react-dock-modal

OR

yarn add react-dock-modal

Usage

import React, { Component } from 'react'

import DockModal from 'react-dock-modal'
import 'react-dock-modal/dist/index.css'

class Example extends Component {
  render() {
    if (children) {
      //With Children
      return (
        <DockModal>
          <Children />
        </DockModal>
      )
    } else {
      //Without Children
      return <DockModal />
    }
  }
}

Properties

Prop Name	Description
initalType	Initial Type (dock, minim or modal). Default is dock.
headerName	Header Name. Default is New DockModal.
bgcolor	Header Background Colour. Default is black.
fgcolor	Header Font Colour. Default is white.
fweight	Header Font Weight. Default is bold.
params	Javascript Object containing following properties. dockWidth (Default 40%), dockHeight (Default 70%), minimWidth (Default 25%), minimHeight (Default 10%), modalWidth (Default 70%) and modalHeight (Default 650px). The values can be in CSS width height formats.

License

MIT © crackayus09