1.0.1 • Published 5 years ago
dockmodal v1.0.1
dockmodal
A Dockable Modal in React
Important
This Project is moved to https://www.npmjs.com/package/react-dock-modal
Install
npm install --save dockmodalUsage
import React, { Component } from 'react'
import DockModal from 'dockmodal'
import 'dockmodal/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