@codexteam/nuxt-icons

CodeX Icons Nuxt module

This modules simplifies using of CodeX Icons pack in the Nuxt projects.

Features

1. 💖 Dynamic loading
2. 💝 Coloring
3. 💞 HMR (reloading on update in dev mode)

Installation

1. Get the package

yarn add @codexteam/nuxt-icons

1. Add module to the nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    '@codexteam/nuxt-icons'
  ]
})

Usage

Use the codex-icon component with the name property which should be one of the list.

<codex-icon name="IconHeart" />

Properties

There are few properties available for component:

prop	type	description
name	string	Required. Name of icon from CodeX Icons pack
class	string	Class name to be added to the icon wrapper
size	number	Icon width and height value

About CodeX

CodeX is a team of digital specialists around the world interested in building high-quality open source products on a global market. We are open for young people who want to constantly improve their skills and grow professionally with experiments in cutting-edge technologies.

🌐	Join 👋	Twitter	Instagram
codex.so	codex.so/join	@codex_team	@codex_team