Angh0r
[NuxtUI] NavigationMenu - How to style active state
I've got small side menu and for this on default active state styling dosn't work for me. I've tried to style active state trough
:ui prop but can't find proper way to change for example bg color. I know it's before element. I've tried following object formats: active:link, active:true:link, then both of those with variants: around. Nothing seems to work. Wrong approach or a template bug in NuxtUI?11 replies
[NuxtUI] InputMenu as Search window
Hi, I'm trying to use InputMenu for search bar in app. I'd like to display limited list of results in dropdown but I don't want dropdown to be open until there are at least 3 characters and fetch is initiated and done.
I've tried mix "control open state" example with "witch fetched items", but dropdown is opening anyway.
Did I pick a wrong tool or there is no way to block dropdown in any way?
25 replies
Nuxt UI v3 as layer
I'm not able to use layer that contains Nuxt UI v.3
Problem is with css import in
nuxt.config.ts. Once I try to run dev command, there is an error 500: '~/assets/css/main.css' can't be found.
Does running v3 as layer requires some extra approach?11 replies
Can I turn off autoselect/focus on first item in <USelectMenu>
My v-model is empty string at the beginning. When anybody click on select menu, the list of options is displayed and first option is automatically focused. On click outside this option is automatically selected even when user didn't explicitly clicked on it. That leads to many errors in my app.
Is there a way to turn this behavior off?
1 replies
Hover state only for table body rows
Hi. I know that rows are highlighted in selectable mode. But in my case I just want highlight rows on hover to help users scan trough data.
I know I can add "hover:bg-somecolor-50" to
ui: { tr: { base { } } } but it also affects table header.
Is there a way to target only rows in table body?4 replies