Dialog

Feedback

Takes a block

Confirmation <dialog>, opened by a state flag.

Dialog(visible: …, title: …) { … }

Example

state asking = false Dialog(visible: asking, title: "Leave without saving?") { Text("Your draft will be lost.") }

Renders with the class wf-dialog, stable across releases, so a stylesheet may target it.

Props of Dialog
Prop Type Meaning
visible: State

State flag that opens and closes it

title: String

Heading shown at the top

Attribute families: global, aria, data. Plus the universal props on every element: animate:, exit:, speed:, class:, ref:.