Documentation

Documentation / @zerotal/flow / index / Modal

Function: Modal()

Modal(props): HtmlNode

Defined in: flow/src/components.ts:160

A centered, backdrop-dimmed dialog whose visibility is driven by a bound @expose boolean; backdrop click and the × button close it locally (no server round-trip) and focus is trapped while open.

Parameters

props

ModalProps

Returns

HtmlNode

Remarks

Bind show to a reactive boolean — its name is auto-resolved (override with name). closable (default true) renders the × button, title fills the header and wires aria-labelledby, and onClose replaces the default $flow.<name> = false close action.

Example

<Modal show={this.confirming} title="Delete post?">
  <p>This can't be undone.</p>
</Modal>