Nuxt UI: Build a Dashboard Template
Plans from $25/month

This lesson is for members. Join us?

Subscribe now to get instant access to this course, plus a full library of Vue.js courses tailored to the plan you choose.

Nuxt UI Avatar Component + FormField for an Avatar Chooser

In this lesson, learn how to make a custom form field in a Nuxt UI project, that works alongside Nuxt UI’s built in form validation. Specifically, we use a combination of the UDropdownMenu, UButton with the avatar prop and a UInput with the type file to enable an intuitive and beautiful avatar picker.

Links