mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
6da0db0113
Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: Sébastien Chopin <seb@nuxt.com>
23 lines
609 B
Vue
23 lines
609 B
Vue
<template>
|
|
<div class="[&>div>pre]:!rounded-t-none">
|
|
<div class="flex border border-gray-200 dark:border-gray-700 relative not-prose rounded-t-md" :class="[{ 'p-4': padding, 'rounded-b-md': !$slots.code, 'border-b-0': !!$slots.code }, backgroundClass]">
|
|
<ContentSlot v-if="$slots.default" :use="$slots.default" />
|
|
</div>
|
|
|
|
<ContentSlot v-if="$slots.code" :use="$slots.code" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps({
|
|
padding: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
backgroundClass: {
|
|
type: String,
|
|
default: 'bg-white dark:bg-gray-900'
|
|
}
|
|
})
|
|
</script>
|