1 min read



A specialised version of a modal component, made to contain a full search application.


Name Description Type Default
animation Animation to use for opening/closing the modal. AnimationProp
focusOnOpen Determines if the focused element changes to one inside the modal when it opens. Either the
first element with a positive tabindex or just the first focusable element.
boolean false


Name Description Bindings
(name - type - description)
default None


This component emits the following events:

See it in action

Here you have a basic example of how the main modal works.

Customizing the content with classes

The contentClass prop can be used to add classes to the modal content.