Modal ​

A window overlaid on either the primary window or another dialog window, providing a title, content area, and action buttons.

When to Use

• To confirm high impact actions.
• To display information or get user interaction without leaving the current page.

Usage ​

import { ref } from 'vue';
import { Modal } from '@youcan/alto';

const showModal = ref(false);

<Modal v-model:visible="showModal" title="Edit profile">
  <p> The quick brown fox jumps over the lazy dog.</p>
</Modal>

API Reference ​