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 dockmodal
Usage
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