Icon

A wrapper around Nuxt Icon component to display icons.

Usage

You can use any name from the https://icones.js.org collection:

name

class

<template>
  <UIcon name="i-lucide-lightbulb" class="size-5" />
</template>

It's highly recommended to install the icons collections you need, read more about this in Icons.

Prop	Default	Type
`name`		`string`
`mode`		`"svg" \| "css"`
`size`		`string \| number`
`customize`		`(content: string, name?: string \| undefined, prefix?: string \| undefined, provider?: string \| undefined): string`

FormField

A wrapper for form elements that provides validation and error handling.

Input

An input element to enter text.