Vue

Components for Vue 3.

bash

npm i kubai-icons-vue

vue

<script setup>
import { Folder, BellOff } from "kubai-icons-vue";
</script>

<template>
  <Folder :size="28" color="#6366F1" />
  <BellOff variant="soft" title="Muted" />
</template>

Props

size, color, variant, badgeColor, trigger, hover, active (with v-model:active), defaultActive and title, as defined in the React guide.

By name

vue

<script setup>
import { DynamicIcon } from "kubai-icons-vue/dynamic";
</script>

<template>
  <DynamicIcon :name="item.icon" />
</template>

Nuxt

Components render on the server; motion attaches on the client. Components can be imported where used or registered in a plugin.