chore(Toggle): improve component

- allow `iconOn` / `iconOff` default values from preset
- `bg-gray-900` on dark mode inside of `bg-white`
- added `name` prop for form control
This commit is contained in:
Benjamin Canac
2023-05-27 22:27:31 +02:00
parent 0af5184c70
commit 360084af7c
2 changed files with 12 additions and 3 deletions

View File

@@ -1,6 +1,7 @@
<template>
<Switch
v-model="active"
:name="name"
:class="[active ? ui.active : ui.inactive, ui.base]"
>
<span :class="[active ? ui.container.active : ui.container.inactive, ui.container.base]">
@@ -34,17 +35,21 @@ export default defineComponent({
UIcon
},
props: {
name: {
type: String,
default: null
},
modelValue: {
type: Boolean,
default: false
},
iconOn: {
type: String,
default: null
default: () => appConfig.ui.toggle.default.iconOn
},
iconOff: {
type: String,
default: null
default: () => appConfig.ui.toggle.default.iconOff
},
ui: {
type: Object as PropType<Partial<typeof appConfig.ui.toggle>>,