Skip to content

Feedback

BaseModal

Standard modal dialog with controlled visibility and footer slots.

Playground

Live preview generated for BaseModal inside this component page.

This preview is compiled into the VitePress docs build from the published SDK package.

Import

ts
import { BaseModal } from "@morscherlab/mint-sdk/components"

Basic Usage

vue
<BaseModal v-model="showModal" title="Edit panel">
  <p>Modal body content.</p>
  <template #footer>
    <BaseButton variant="ghost" @click="showModal = false">Cancel</BaseButton>
    <BaseButton variant="primary" @click="save">Save</BaseButton>
  </template>
</BaseModal>

Back to component library

MINT is open source. Made by the Morscher Lab.