Smakdialog

Smakdialog is a lightweight, open-source JavaScript library for creating modal dialogs and prompts in web applications. It provides a framework-agnostic API designed to render interactive dialogs with accessible semantics and predictable behavior across modern browsers.

Core features include support for alert, confirm, and custom content dialogs, an accessible focus trap to keep focus inside the dialog, ARIA roles, and keyboard navigation. The API emphasizes a simple, promise-based usage pattern and can be used with plain JavaScript or integrated into frameworks via adapters.

Architecturally, the library renders its DOM structure on demand, typically comprising a container, an overlay, and a content panel. It manages focus when opening and closing, handles backdrop interactions according to configuration, and resolves results through callbacks or promises. Styling is customizable via CSS variables and themes.

Usage involves creating a dialog instance, configuring content, title, and buttons, and then opening it. Event hooks allow actions on open, close, or user choice. The library is designed to be lightweight with a small footprint and minimal dependencies.

Smakdialog was developed by a community of contributors as an open-source project under a permissive license. It saw adoption in small to mid-size projects seeking a consistent dialog experience before native solutions and framework-specific components matured.

See also: HTML dialog element, modal dialog, ARIA practices.