feat: initial dropdown and flowbite themable examples

This commit is contained in:
Alexandr
2022-07-08 21:13:05 +03:00
parent a5ffeffb82
commit 749732dbe7
7 changed files with 114 additions and 6 deletions

View File

@@ -0,0 +1,25 @@
<template>
<div>
<div class="vp-raw inline-flex align-center gap-2 flex-wrap">
<flowbite-themable :key="theme" v-for="theme in themes" :theme="theme">
<Button>
{{ theme }}
</Button>
</flowbite-themable>
</div>
</div>
</template>
<script lang="ts" setup>
import type { PropType } from 'vue'
import { FlowbiteThemable, Button } from '../../../../../src/index'
import type { FlowbiteTheme } from '../../../../../src/components/utils/FlowbiteThemable/types'
const themes: FlowbiteTheme[] = ['blue', 'green', 'red', 'pink', 'purple']
defineProps({
theme: {
type: String as PropType<FlowbiteTheme>,
default: 'blue',
},
})
</script>