mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
6da0db0113
Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: Sébastien Chopin <seb@nuxt.com>
24 lines
497 B
Vue
24 lines
497 B
Vue
<script setup>
|
|
const open = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<UButton label="Open" @click="open = true" />
|
|
|
|
<UModal v-model="open">
|
|
<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>
|