--- // Every modal is rendered inline via ModalInline (in place, unlike Modal.astro // which drains to ). import DefaultLayout from '@shared/layouts/DefaultLayout.astro' import CaptureScript from '@shared/components/CaptureScript.astro' import Button from '@ui/Button.astro' import ButtonList from '@ui/ButtonList.astro' import Card from '@ui/Card.astro' import CardBody from '@ui/CardBody.astro' import ModalInline from '@shared/components/modals/ModalInline.astro' import SimpleModalContent from '@shared/components/modals/SimpleModalContent.astro' import LargeModalContent from '@shared/components/modals/LargeModalContent.astro' import SmallModalContent from '@shared/components/modals/SmallModalContent.astro' import FullWidthModalContent from '@shared/components/modals/FullWidthModalContent.astro' import ScrollableModalContent from '@shared/components/modals/ScrollableModalContent.astro' import ReportModalContent from '@shared/components/modals/ReportModalContent.astro' import SuccessModalContent from '@shared/components/modals/SuccessModalContent.astro' import DangerModalContent from '@shared/components/modals/DangerModalContent.astro' import TeamModalContent from '@shared/components/modals/TeamModalContent.astro' import SignatureModalContent from '@shared/components/modals/SignatureModalContent.astro' import NewEmailModalContent from '@shared/components/modals/NewEmailModalContent.astro' import NewEventModalContent from '@shared/components/modals/NewEventModalContent.astro' import NewTaskModalContent from '@shared/components/modals/NewTaskModalContent.astro' import EditProfileModalContent from '@shared/components/modals/EditProfileModalContent.astro' import ConfirmDeleteModalContent from '@shared/components/modals/ConfirmDeleteModalContent.astro' import ChangePasswordModalContent from '@shared/components/modals/ChangePasswordModalContent.astro' import AddTaskModalContent from '@shared/components/modals/AddTaskModalContent.astro' import DocsLink from '@ui/DocsLink.astro' const cardClass = 'position-relative rounded d-block bg-surface-backdrop py-6 w-auto h-auto z-0' ---
Simple modal Large modal Small modal Full width modal Scrollable modal Modal with form Success modal Danger modal Modal with simple form Modal with signature form New email modal New event modal New task modal Edit profile modal Confirm delete modal Change password modal Add task modal Native dialog

Simple modal

Large modal

Small modal

Full width modal

Scrollable modal

Modal with form

Success modal

Danger modal

Modal with simple form

Modal with signature form

New email modal

New event modal

New task modal

Edit profile modal

Confirm delete modal

Change password modal

Add task modal

The browser keeps the page behind this dialog inert, traps focus inside it and closes it on Esc.