CodeX Icons Nuxt module
This modules simplifies using of CodeX Icons pack in the Nuxt projects.
Features
- 💖 Dynamic loading
- 💝 Coloring
- 💞 HMR (reloading on update in dev mode)
Installation
- Get the package
yarn add @codexteam/nuxt-icons
- 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.