Modals are dialogs that can be used for lightboxes, user notifications, or completely custom content.
To create a modal, create an a trigger element (such as a button), and use the modal component's
v-model binding to control its visibility.
Everything inside the
<IModal> is rendered as the modal body. Optionally, you can provide a modal header and footer using
Inkline includes multiple predefined modal styles, each serving its own semantic purpose. You can set the style of a
<IModal> using the
color property. By default, modals use the
You're able to use the
size property to control the size of your modals, using one of the available sizes:
The default size is set to
You can easily add an icon to your modal header using the
icon slot or property. The icon will be displayed on the left side of the body.
You can set the
fullscreen property to
true to display the modal as a fullscreen overlay.