frutjam/packages/js/modal.js

CSS-only Tailwind CSS v4 component library. 65+ accessible UI components, zero JavaScript, WCAG AA guaranteed. Free MCP server for AI editors included.

export function createModal(el) {
  return {
    open: () => el.showModal(),
    close: () => el.close(),
    toggle: () => (el.open ? el.close() : el.showModal()),
    isOpen: () => el.open,
  }
}