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