Modal

modal__ideal__default__compact 1 view

current

`ModalSample` at its initial settings, above the payload it produces.

View

Choose backdrop

Size

Size mode

Exploded 3D

Lean 28° Spin -16° Separation 0 Layers 6

One sheet per visible drawing level. Structural-only composables are kept in the next sheet's breadcrumb. Rides the SVG link and download.

Locale & text

Locale Font scale: default

Overlays

Inspect

Accessibility Typography Theme attributes Layout boxes

Overlays (Live Compose)

Show touches

Overrides

Declared overrides — edit a value to re-render.

document

{"version":"v0.9","createSurface":{"surfaceId":"sample","catalogId":"https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json"}}
{"version":"v0.9","updateComponents":{"surfaceId":"sample","components":[{"id":"root","component":"Modal","trigger":"open_btn","content":"dialog_col"},{"id":"open_btn","component":"Button","child":"open_btn_text","variant":"primary","action":{"event":{"name":"open_modal"}}},{"id":"open_btn_text","component":"Text","text":"Delete Project..."},{"id":"dialog_col","component":"Column","children":["dialog_title","dialog_body","dialog_actions"],"justify":"start","align":"stretch"},{"id":"dialog_title","component":"Text","text":"Delete Project?","variant":"h3"},{"id":"dialog_body","component":"Text","text":"This action cannot be undone. All associated surfaces and agent configurations will be permanently removed.","variant":"body"},{"id":"dialog_actions","component":"Row","children":["cancel_btn","confirm_btn"],"justify":"end","align":"center"},{"id":"cancel_btn","component":"Button","child":"cancel_btn_text","variant":"borderless","action":{"event":{"name":"modal_cancel"}}},{"id":"cancel_btn_text","component":"Text","text":"Cancel"},{"id":"confirm_btn","component":"Button","child":"confirm_btn_text","variant":"primary","action":{"event":{"name":"modal_confirm_delete"}}},{"id":"confirm_btn_text","component":"Text","text":"Delete"}]}}