arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-26 01:40:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Toggle): add v-if when icon props not defined

Browse Source
This commit is contained in:
Benjamin Canac
2022-02-14 16:54:57 +01:00
parent 4c891225b1
commit 90ff1c0671
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/runtime/components/forms/Toggle.vue
View File

@@ -4,10 +4,10 @@
:class="[active ? activeClass : inactiveClass, baseClass]" :class="[active ? activeClass : inactiveClass, baseClass]"
> >
<span :class="[active ? containerActiveClass : containerInactiveClass, containerBaseClass]"> <span :class="[active ? containerActiveClass : containerInactiveClass, containerBaseClass]">
<span :class="[active ? iconActiveClass : iconInactiveClass, iconBaseClass]" aria-hidden="true"> <span v-if="iconOn" :class="[active ? iconActiveClass : iconInactiveClass, iconBaseClass]" aria-hidden="true">
<Icon :name="iconOn" :class="iconOnClass" /> <Icon :name="iconOn" :class="iconOnClass" />
</span> </span>
<span :class="[active ? iconInactiveClass : iconActiveClass, iconBaseClass]" aria-hidden="true"> <span v-if="iconOff" :class="[active ? iconInactiveClass : iconActiveClass, iconBaseClass]" aria-hidden="true">
<Icon :name="iconOff" :class="iconOffClass" /> <Icon :name="iconOff" :class="iconOffClass" />
</span> </span>
</span> </span>
@@ -27,11 +27,11 @@ const props = defineProps({
}, },
iconOn: { iconOn: {
type: String, type: String,
default: '' default: null
}, },
iconOff: { iconOff: {
type: String, type: String,
default: '' default: null
}, },
baseClass: { baseClass: {
type: String, type: String,