Иконки

Примеры 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, он работает.

Nuxt MDI предоставляет Material Design Icons как Nuxt-компоненты. Смотрите документацию Nuxt MDI module.

npx nuxi module add nuxt-mdi