Modal

A dialog overlay that focuses the user's attention on a specific task or confirmation.

Import

import { Modal } from "@/components/ui"

Prop	Type	Default	Description
open	boolean	—	Controls visibility.
onClose	() => void	—	Callback to close the modal.
title	ReactNode	—	Dialog heading.
description	ReactNode	—	Secondary text below the title.
footer	ReactNode	—	Action buttons at the bottom.
size	"sm" \| "md" \| "lg"	"md"	Maximum width of the modal.
closeOnOverlay	boolean	true	Close when clicking the backdrop.