@comparaonline/ui-modal

0.27.1 • Public • Published

@comparaonline/ui-modal

Styled version of React Modal

Installation

It has a react-modal as peer dependency.

yarn add react-modal @comparaonline/ui-modal

Usage

import Modal from '@comparaonline/ui-modal';

props => <Modal {...props} />;

Proptypes

Name Type Default Description
renderTitle func () => {} Function that renders a component to be used as the modal title
renderDismissAction func () => {} Function that renders a component to be used as the dismiss (close) action
renderConfirmAction func () => {} Function that renders a component to be used as the affirmative action

For more information about the props see the React Modal usage summary.

Avoid the body scroll

If you need to block the scroll of the background content, add this classes to your global CSS. You may need to change the class names if you set a different bodyOpenClassName or htmlOpenClassName values in the Modal component.

.ReactModal__Body--open,
.ReactModal__Html--open {
  overflow: hidden;
}

Readme

Keywords

none

Package Sidebar

Install

npm i @comparaonline/ui-modal

Weekly Downloads

2

Version

0.27.1

License

MIT

Unpacked Size

50 kB

Total Files

10

Last publish

Collaborators

  • gnavarro
  • dsuarez_compa
  • pfariaz
  • ricardo.sosa
  • suarezcumare
  • fverag
  • comparaonline-dev
  • comparaonlineprivate
  • matotias
  • javierlara1989
  • smurua
  • eseceve
  • pablocompara