@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 | |