@agala-labs/ui

Modal

Presents a blocking decision either declaratively or through the modal manager.

Examples

Default

<AgalaModal v-model:open="open" title="Archive record">Confirm the action.</AgalaModal>

Import

import { AgalaModal, AgalaModalProvider, modalManager } from '@agala-labs/ui'

API

Prop	Type	Default	Description
open	boolean	—	Visibility used by v-model:open.
title	string	—	Dialog heading.
size	'sm' | 'md' | 'lg' | 'xl' | 'full'	'md'	Dialog width.
dismissible	boolean	true	Allows outside-click dismissal.
escapeCloses	boolean	true	Allows Escape dismissal.
hideHeader	boolean	false	Hides the built-in header.

Events

• update:open(value: boolean)
• close
• after-leave

Slots

• default
• footer — receives { close }

Accessibility

Traps focus while present, retains background scroll lock through leave, and restores the opener after exit. Mount exactly one ModalProvider when using modalManager. Reduced motion removes meaningful transform travel.