Alixan UI

Иконкалар

Alixan UI мысалдары Lucide Icons қолданады, бірақ компоненттер қарапайым slots қабылдайды, сондықтан кез келген иконка кітапханасын қолдана аласыз.

Иконкалардың толық каталогы мына жерде: Lucide Icons.

Орнату

npm install @lucide/vue

Lucide Icons

<script setup lang="ts">
import { Bell, Search } from '@lucide/vue'
</script>

<template>
  <Button>
    <template #leading>
      <Search class="size-5" />
    </template>
      Search
	</Button>

  <IconButton>
    <Bell />
  </IconButton>
</template>

Басқа кітапханалар

Nuxt MDI, custom SVG components немесе кез келген басқа иконка көзін қолданыңыз. Егер ол slot ішінде render болса, жұмыс істейді.

Nuxt MDI Material Design Icons-ты Nuxt компоненттері ретінде береді. Қараңыз: Nuxt MDI module құжаттамасы.
npx nuxi module add nuxt-mdi