0.27.1 • Published 5 years ago

@comparaonline/ui-modal v0.27.1

Weekly downloads
8
License
MIT
Repository
-
Last release
5 years ago

@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

NameTypeDefaultDescription
renderTitlefunc() => {}Function that renders a component to be used as the modal title
renderDismissActionfunc() => {}Function that renders a component to be used as the dismiss (close) action
renderConfirmActionfunc() => {}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;
}
0.27.1

5 years ago

0.23.1

6 years ago

0.21.2

6 years ago

0.21.1

6 years ago

0.20.1

6 years ago

0.20.0

6 years ago

0.19.1

6 years ago

0.18.0

6 years ago

0.17.4

6 years ago

0.17.3

6 years ago

0.17.0

6 years ago

0.16.0

6 years ago

0.13.0

6 years ago

0.13.0-5

6 years ago

0.13.0-4

6 years ago

0.13.0-3

6 years ago

0.13.2-0

6 years ago

0.13.1-0

6 years ago

0.13.0-0

6 years ago