my-modal-p14 v0.3.2
simple-component-library
A library of React components created using create-react-app.
Node version
You need have node version 18.17.1 at least
React
You need to be in a React environment
Installation
Run the following command:
npm install my-modal-p14
Importation
import Modal from 'my-modal-p14/dist/Modal'
Content props
{header} example (header={<h2>Title</h2>})
{content} example (content={<p>Some information</p>})
{footer} example (footer={<button>Close</button>})
This modal component is composed of 3 blocks, each block takes JSX elements
Style props
{modalStyle} example (modalStyle={{ backgroundColor: 'transparent', display: 'flex', justifyContent: 'center'}})
{headerStyle}
{contentStyle}
{footerStyle}
You can modify modal's style and each bloc style.
Manipulation
modal classname : "modal" modal-header classname : "modal-header" modal-content classname : "modal-content" modal-footer classname : "modal-footer"