MainModal

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

Props

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

Slots

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

Events

This component emits the following events:

• UserClickedOutOfMainModal (opens new window)

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.