---
name: frontend-modal
description: Guide on how to create modal windows in the frontend
---
# Modal windows

Use components in `@kantree/ui/modal.jsx` to create modals. Example:

```
import { Modal, ModalHeader, ModalBody, openModal } from '@kantree/ui/base';

function MyModal() {
    return (
        <Modal>
            <ModalHeader title="My Modal"></ModalHeader>
            <ModalBody>

            </ModalBody>
        </Modal>
    )
}

openModal(MyModal);
```