This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

reactlightmodal-by-damevin

ReactLightModal is a modal library, built in typescript light and accessible. It's goal is to provide easy, flexible, configurable and accessible way to display modals for your application.

Documentation

See our Storybook Documentation

Authors

• @raphaeldamevin

Demo

Installation

Install ReactLightModal with npm

npm i reactlightmodal-by-damevin

Install ReactLightModal with yarn

yarn add reactlightmodal-by-damevin

Usage/Examples

import Modal from 'reactlightmodal-by-damevin';
import React, {useState} from "react;

const [modal, setModal] = useState(false);

const toggleModal = () => {
    setModal(!modal)
}

function App() {
  return (
      <Modal />
  )
}

Props

Name	Type	Required	Description	Default value
canClose	boolean	false	Display cross button on the top-right of the modal box	true
closeBtnContent	JSX.element	false	Custom content add on the close button (exemple: personalized icon, ...)	{<span>X</span}
footerContent	JSX.element	false	Custom content to add to the footer (exemple: action buttons, ...)	{}
haveFooter	boolean	false	If his value is true, the modal have footer element	false
isOpen	boolean	true	If his value is true, the modal is displayed	false
modalContent	JSX.element	true	Content of the modal	{}
title	string	false	Modal header title	""

Running Tests

To run tests, run the following command

  npm run test

Contributing

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.