@n3/react-modal

Modal dialog for react applications based on @n3/kit

Usage no npm install needed!

<script type="module">
  import n3ReactModal from 'https://cdn.skypack.dev/@n3/react-modal';
</script>

README

@n3/react-modal

Модальное окно для приложений на базе @n3/kit.

import Modal, {
  modalSizes,
} from '@n3/react-modal';

...

<Modal
  show={show}
  onHide={toggleShow}
>
  <Modal.Body>
    <Modal.Title>
      Заголовок модального окна
    </Modal.Title>

    <div>
      Контент модального окна
    </div>
  </Modal.Body>

  <Modal.Footer>
    Футер модального окна
  </Modal.Footer>
</Modal>

Props

Название Обязательность Тип Значение по умолчанию Описание
size enum
- modalSizes.DEFAULT
- modalSizes.SMALL		 modalSizes.DEFAULT Размер модального окна
show + bool Отображается ли модальное окно
hasCloseButton bool true Отображается ли кнопка закрытия окна
onHide + func Обработчик закрытия модального окна
isHideOnBackdropClick bool true Закрывать ли окно при нажатии вне окна
children node null