Modal

Dialog overlay with backdrop blur. Uses native <dialog> element. Three sizes.

Preview

Usage

import { Modal } from '@ramtt/ui'

<Modal open={isOpen} onClose={() => setOpen(false)}>
  <h2>Confirm action</h2>
  <p>Are you sure?</p>
</Modal>

Props

PropTypeDefaultDescription
open*boolean—Controls visibility
onClose*() => void—Close handler
size'sm' | 'md' | 'lg''md'Modal width
children*ReactNode—Modal content