mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
30 lines
811 B
Vue
30 lines
811 B
Vue
<script lang="ts" setup>
|
|
const props = defineProps({
|
|
count: {
|
|
type: Number,
|
|
default: 0
|
|
}
|
|
})
|
|
|
|
const emits = defineEmits<{
|
|
close: []
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<USlideover>
|
|
<UCard class="flex flex-col flex-1" :ui="{ body: { base: 'flex-1' }, ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
|
|
<template #header>
|
|
<div class="flex items-center justify-between">
|
|
<h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
|
|
Opened programmatically: {{ props.count }} times
|
|
</h3>
|
|
<UButton color="gray" variant="ghost" icon="i-heroicons-x-mark-20-solid" class="-my-1" @click="emits('close')" />
|
|
</div>
|
|
</template>
|
|
|
|
<Placeholder class="h-full" />
|
|
</UCard>
|
|
</USlideover>
|
|
</template>
|