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
@update:modelValuebooleanReturns 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.

modelValue

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

CodeSandbox example

Sorry, not available yet ☹️