graphieros/vue-data-ui v3.9.19 on GitHub

VueUiIcon

Add #exp and #sub slots to attach additional icons to an icon:

#exp slot

<VueUiIcon name="database">
    <template #exp>
        <VueUiIcon name="cloud" stroke="#5f8aee" />
    </template>
</VueUiIcon>

#sub slot

<VueUiIcon name="database">
    <template #sub>
        <VueUiIcon name="download" stroke="#5f8aee" />
    </template>
</VueUiIcon>

both slots together

<VueUiIcon name="database">
    <template #exp>
        <VueUiIcon name="direction" stroke="#5f8aee" />
    </template>
    <template #sub>
        <VueUiIcon name="key" stroke="#42d392" />
    </template>
</VueUiIcon>

spinning exp

Enregistrement.de.l.ecran.2025-12-27.a.11.59.18.mov

<VueUiIcon name="database">
    <template #exp>
        <VueUiIcon name="direction" stroke="#42d392" :isSpin="true" spin-duration="1s"/>
    </template>
</VueUiIcon>

both spinning

Enregistrement.de.l.ecran.2025-12-27.a.12.01.22.mov

<VueUiIcon name="square" :isSpin="true" spin-duration="5s">
    <template #exp>
        <VueUiIcon name="square" stroke="#42d392" :isSpin="true" spin-duration="1s"/>
    </template>
</VueUiIcon>

Docs are up to date