mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-05 18:23:48 +00:00
31 lines
954 B
Vue
31 lines
954 B
Vue
<template>
|
|
<div class="widget-card w-full">
|
|
<div class="widget-content bg-white dark:bg-dark-foreground">
|
|
<div class="flex items-center">
|
|
<users-icon v-if="icon === 'users'" size="16" class="vue-feather text-theme mr-3" />
|
|
<star-icon v-if="icon === 'star'" size="16" class="vue-feather text-theme mr-3" />
|
|
<hard-drive-icon v-if="icon === 'hard-drive'" size="16" class="vue-feather text-theme mr-3" />
|
|
<b class="text-base font-bold">
|
|
{{ title }}
|
|
</b>
|
|
</div>
|
|
<slot></slot>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { UsersIcon, StarIcon, HardDriveIcon, ChevronRightIcon } from 'vue-feather-icons'
|
|
|
|
export default {
|
|
name: 'WidgetWrapper',
|
|
props: ['icon', 'title'],
|
|
components: {
|
|
ChevronRightIcon,
|
|
HardDriveIcon,
|
|
StarIcon,
|
|
UsersIcon,
|
|
},
|
|
}
|
|
</script>
|