mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
24 lines
513 B
Vue
24 lines
513 B
Vue
<script setup lang="ts">
|
|
const isOpen = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<UButton label="Open" @click="isOpen = true" />
|
|
|
|
<UModal v-model="isOpen">
|
|
<UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
|
|
<template #header>
|
|
<Placeholder class="h-8" />
|
|
</template>
|
|
|
|
<Placeholder class="h-32" />
|
|
|
|
<template #footer>
|
|
<Placeholder class="h-8" />
|
|
</template>
|
|
</UCard>
|
|
</UModal>
|
|
</div>
|
|
</template>
|