element-plus/docs/.vitepress/vitepress/components/demo/vp-example.vue
三咲智子 3ab869b446
refactor(docs): improve style and fix typo (#7094)
* refactor(docs): improve style and fix typo

* fix(docs): dark
2022-04-12 20:14:08 +08:00

29 lines
450 B
Vue

<script setup lang="ts">
defineProps({
file: {
type: String,
required: true,
},
demo: {
type: Object,
required: true,
},
})
</script>
<template>
<div class="example-showcase">
<ClientOnly>
<component :is="demo" v-if="demo" v-bind="$attrs" />
</ClientOnly>
</div>
</template>
<style lang="scss" scoped>
.example-showcase {
padding: 0.8rem;
margin: 0.5px;
background-color: var(--bg-color);
}
</style>