Skip to content

Modal ⚠️ Experimental

The Modal component can be used imported from:

Playground

Parameters

Events

This component has events. Check the documentation about how to use the events.

NamePayloadDescription
changebooleanReturns the new value of the model

Slots

This component has slots. Check the documentation about how to use the slots.

NameTagsDescription
defaultspanContent of the modal.

Parameters use

Check the documentation about how to use the parameters.

model

Attention!

If you hardcode this value, it will not be reactive and the selection won't change. Use a variable instead and, ideally, a closed loop.

Controls if the modal item is shown or not.

Open modal

Click the to close the modal.

Flags

open

This flag is only used to set the initial value with no control loop. Use model to handle the model properly:

Content

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example