QuanticModal

The QuanticModal is a container component that displays slotted content in a modal. This component handles the animation logic, exposes methods to open and close the modal, offers the option to open the modal in full screen or just to cover the search interface, and exposes a set of slots to fully customize the modal content.

Example

<c-quantic-modal full-screen animation="slideToLeft">
  <div slot="header">Modal Header</div>
  <div slot="content">Modal Content</div>
  <div slot="footer">Modal Footer</div>
</c-quantic-modal>

Properties

Property Attribute Description Type Default

fullScreen

full-screen

Indicates whether the modal will be opened in full screen.

boolean

false

animation

animation

Indicates the type of animation to use to open the modal.

'slideToTop', 'slideToLeft'

slideToTop

XML Configuration File Elements

The following XML configuration file elements apply (see XML Configuration File Elements).

Metadata Value

apiVersion

54.0

isExposed

false

Associated Use Cases

This component is also relevant in the following use case:

What's next for me?