Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
Nuxt UI DropDownMenuItem avatar size - Nuxt
N
Nuxt
•
9mo ago
•
4 replies
PetyXbron
Nuxt UI DropDownMenuItem avatar size
When replicating Nuxt UI dashboard
, there is a teams ref
const teams
= ref
(
[
{
label
:
'Nuxt
'
,
avatar
:
{
src
:
'
https://github.com/nuxt.png
'
,
alt
:
'Nuxt
'
}
}
,
{
label
:
'NuxtHub
'
,
avatar
:
{
src
:
'
https://github.com/nuxt-hub.png
'
,
alt
:
'NuxtHub
'
}
}
,
{
label
:
'NuxtLabs
'
,
avatar
:
{
src
:
'
https://github.com/nuxtlabs.png
'
,
alt
:
'NuxtLabs
'
}
}
]
)
computed like this
:
const items
= computed
<DropdownMenuItem
[
]
[
]
>
(
(
)
=
>
{
return
[teams
.value
.map
(team
=
>
(
{
.
.
.team
,
onSelect
(
)
{
selectedTeam
.value
= team
}
}
)
)
,
[
{
label
:
'Create team
'
,
icon
:
'i
-lucide
-circle
-plus
'
}
,
{
label
:
'Manage teams
'
,
icon
:
'i
-lucide
-cog
'
}
]
]
}
)
If I want to make the avatar size bigger
, I just add
"size
" property to the avatar object of team
. It works
, but I get a type error
. What
's the right solution for changing the size of DropdownMenuItem avatar
?
Nuxt
Join
Nuxt Community Chat Server
31,686
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Similar Threads
Was this page helpful?
Yes
No
Recent Announcements
Similar Threads
Nuxt UI Icon size
N
Nuxt / ❓・help
11mo ago
nuxt ui component to display avatar, username and dropdown
N
Nuxt / ❓・help
9mo ago
Displaying an svg in an avatar using nuxt ui
N
Nuxt / ❓・help
2y ago
nuxt ui
N
Nuxt / ❓・help
2y ago