\n\n\n### Additional context\n\n_No response_",[2938,2939,2940],{"name":2908,"color":2909},{"name":2911,"color":2912},{"name":2914,"color":2915},4424,"Ability to not use button container for tree custom slot","2025-06-30T07:50:57Z","https://github.com/nuxt/ui/issues/4424",0.80554867,{"description":2947,"labels":2948,"number":2951,"owner":2917,"repository":2918,"state":2952,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Description\n\nHi,\n\nit would be nice to have the option to disable the behaviour that the numbers increase or decrease when the buttons are pressed. Because even if I disable the component it doesn't stops. \n\n```js\n\u003CUInputNumber\n :disabled=\"loadingDec || loadingInc\"\n :min=\"0\"\n :max=\"10\"\n v-model=\"quantity\"\n variant=\"soft\"\n size=\"xl\"\n >\u003Ctemplate #decrement>\n \u003CUButton\n :loading=\"loadingDec\"\n variant=\"link\"\n :icon=\"quantity \u003C= 1 ? 'i-heroicons-trash' : 'i-lucide-minus'\"\n @click=\"loadingDec = true\"\n @mousedown=\"onMousedown()\"\n :ui=\"{\n base: `${iconHoverColor} text-gray-500 disabled:text-gray-500 cursor-pointer`,\n }\"\n />\n \u003C/template>\n \u003Ctemplate #increment>\n \u003CUButton\n :loading=\"loadingInc\"\n variant=\"link\"\n icon=\"i-lucide-plus\"\n @click=\"loadingInc = true\"\n :ui=\"{\n base: 'text-gray-500 hover:text-[var(--ui-color-primary-500)] disabled:text-gray-500 cursor-pointer',\n }\"\n />\n \u003C/template>\n \u003C/UInputNumber>\n````\n\nbest,\ngregor\n\n### Additional context\n\n_No response_",[2949,2950],{"name":2908,"color":2909},{"name":2911,"color":2912},3159,"closed","option to disable on press behaviour for increment/decrement for inputNumber component","2025-05-14T15:41:35Z","https://github.com/nuxt/ui/issues/3159",0.713859,{"description":2958,"labels":2959,"number":2965,"owner":2917,"repository":2918,"state":2952,"title":2966,"updated_at":2967,"url":2968,"score":2969},"### Environment\n\nhttps://ui.nuxt.com/components/input-number#step\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\n1. If `step = 2` and I manually set the `value = 3`, the input automatically adjusts the value to `4` (nearest multiple of 2).\n2. If I change the `step = 3` and manually set the `value = 5`, the input automatically adjusts it to `6` (nearest multiple of 3).\n\n### Description\n\nhttps://ui.nuxt.com/components/input-number#step\n\n1. The step should only control the step size when increasing or decreasing the value.\n2. If I set the `value = 3` with `step = 2`, the increments should go as `3, 5, 7, 9, ...` and decrements should go as `3, 1, -1, -3, ...`\n3. The component should not force the value to the nearest multiple of the step.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2960,2963,2964],{"name":2961,"color":2962},"bug","d73a4a",{"name":2911,"color":2912},{"name":2914,"color":2915},4323,"UInputNumber Step - Step should define increment/decrement value, not force multiples","2025-06-25T07:43:40Z","https://github.com/nuxt/ui/issues/4323",0.7705714,{"description":2971,"labels":2972,"number":2976,"owner":2917,"repository":2918,"state":2952,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Description\n\nAt the moment InputNumber does not react in any way to the presence of ButtonGroup.\n\n\n\n### Additional context\n\n_No response_",[2973,2974,2975],{"name":2908,"color":2909},{"name":2911,"color":2912},{"name":2914,"color":2915},4155,"InputNumber ButtonGroup support","2025-05-15T12:30:59Z","https://github.com/nuxt/ui/issues/4155",0.77254826,{"description":2982,"labels":2983,"number":2989,"owner":2917,"repository":2918,"state":2952,"title":2990,"updated_at":2991,"url":2992,"score":2993},"### Description\n\nA toggle button would be very useful. The closest thing we have is radio group or checkbox group. \nInspired by:\n[VBtnToggle](https://vuetifyjs.com/en/components/button-groups/)\n[VChipGroup](https://vuetifyjs.com/en/components/chip-groups/#usage)\n\nSimilar functionality could be achieved on RadioGroup by making unchecking possible (so null values are selectable)\nAND/OR\nBy adding a v-model to the button component, and model-active variants (so you can change the color, varient, icon, etc when checked). The model would be either a Boolean or an array of values similar to Vuetify.\n\n### Additional context\n\n_No response_",[2984,2987,2988],{"name":2985,"color":2986},"duplicate","cfd3d7",{"name":2908,"color":2909},{"name":2911,"color":2912},4246,"[Button] Toggle / V-Model","2025-05-28T17:19:55Z","https://github.com/nuxt/ui/issues/4246",0.77791476,{"description":2995,"labels":2996,"number":3001,"owner":2917,"repository":2918,"state":2952,"title":3002,"updated_at":3003,"url":3004,"score":3005},"### Description\n\nAfter updating to 3.1.0 \"TableColumn\" cant be imported from @nuxt/ui\nonly from @nuxt/ui/runtime/components/Table.vue.js\n\n",[2997,3000],{"name":2998,"color":2999},"question","d876e3",{"name":2911,"color":2912},3980,"Bug? TableColumn import type from @nuxt/ui not possible?","2025-04-25T09:44:12Z","https://github.com/nuxt/ui/issues/3980",0.78565544,{"description":3007,"labels":3008,"number":3016,"owner":2917,"repository":2918,"state":2952,"title":3017,"updated_at":3018,"url":3019,"score":3020},"### Description\n\n``` vue.js\n\n\u003Ctemplate>\n \u003Cdiv class=\"mt-4 w-full\">\n \u003CUTable :data=\"combinationRows\" :columns=\"columns\" ref=\"table\">\n \u003Ctemplate #price-cell=\"{ row }\">\n \u003Cp>{{ row.original.price }}\u003C/p>\n \u003CUInput v-model=\"row.original.price\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #promotional-price-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.promotionalPrice\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #inventory-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.inventory\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #warning-inventory-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.warningInventory\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #sku-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.sku\" />\n \u003C/template>\n \u003C/UTable>\n \u003C/div>\n\n \u003Cp>{{ combinationRows }}\u003C/p>\n\u003C/template>\n\n\n\u003Cscript lang=ts setup>\n\nconst columns: TableColumn\u003CCombinationRow>[] = [\n {\n accessorKey: 'color',\n header: 'color'\n },\n {\n accessorKey: 'size',\n header: 'size'\n },\n {\n id: 'price',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'Price'), // Header Text\n h(UButton, {\n size: 'xs', \n color: 'neutral',\n variant: 'ghost', \n icon: 'i-hugeicons:copy-01', \n 'aria-label': 'Price information', \n class: 'cursor-pointer', \n \n onclick: () => {\n console.log('Price button clicked');\n\n if (combinationRows.value.length > 0) {\n const firstRowPrice = combinationRows?.value?.[0]?.price ?? '0';\n combinationRows.value.forEach(row => {\n row.price = firstRowPrice;\n });\n triggerRef(combinationRows); // Force table update - important for reactivity\n \n } else {\n console.warn('No rows available to copy price from.');\n }\n }\n },\n )\n ])\n },\n {\n id: 'promotional-price',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'promotional price'), // Header Text\n h(UButton, {\n size: 'xs', // Adjust button size as needed\n color: 'neutral', // Style the button to be less prominent\n variant: 'ghost', // Make it a ghost button style\n icon: 'i-hugeicons:copy-01', // Icon from your icon set\n 'aria-label': 'Price information', // Accessibility label\n class: 'cursor-pointer', // Override default button padding and margin\n // Set to false if you only want to show the icon and no text on the button itself. If you want text *on* the button, remove this and adjust the children of h(UButton)\n onclick: () => {\n console.log('Price button clicked');\n }\n },\n /* if you want text *on* the button instead of tooltip, you could add slot content here, e.g., () => 'Info' */\n )\n ])\n },\n {\n id: 'inventory',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'Inventory'), // Header Text\n h(UButton, {\n size: 'xs', // Adjust button size as needed\n color: 'neutral', // Style the button to be less prominent\n variant: 'ghost', // Make it a ghost button style\n icon: 'i-hugeicons:copy-01', // Icon from your icon set\n 'aria-label': 'Price information', // Accessibility label\n class: 'cursor-pointer', // Override default button padding and margin\n // Set to false if you only want to show the icon and no text on the button itself. If you want text *on* the button, remove this and adjust the children of h(UButton)\n onclick: () => {\n console.log('Price button clicked');\n }\n },\n /* if you want text *on* the button instead of tooltip, you could add slot content here, e.g., () => 'Info' */\n )\n ])\n },\n {\n id: 'warning-inventory',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'Warning Inventory value'), // Header Text\n h(UButton, {\n size: 'xs', // Adjust button size as needed\n color: 'neutral', // Style the button to be less prominent\n variant: 'ghost', // Make it a ghost button style\n icon: 'i-hugeicons:copy-01', // Icon from your icon set\n 'aria-label': 'Price information', // Accessibility label\n class: 'cursor-pointer', // Override default button padding and margin\n // Set to false if you only want to show the icon and no text on the button itself. If you want text *on* the button, remove this and adjust the children of h(UButton)\n onclick: () => {\n console.log('Price button clicked');\n }\n },\n /* if you want text *on* the button instead of tooltip, you could add slot content here, e.g., () => 'Info' */\n )\n ])\n },\n {\n id: 'sku',\n header: 'SKU number'\n }\n];\n\n\u003C/script>\n```\n\nwhen updating price to all rows in onClick (see onClick for price above) it does not update UInput in all rows\nalthough i can see \u003Cp>{{ combinationRows }}\u003C/p> getting updated. The question is how can i update price to all rows. using v3.0.0-alpha.13",[3009,3010,3011,3014],{"name":2998,"color":2999},{"name":2911,"color":2912},{"name":3012,"color":3013},"closed-by-bot","ededed",{"name":3015,"color":3013},"stale",3381,"Uinput not updating inside UTable rows","2025-06-18T09:01:59Z","https://github.com/nuxt/ui/issues/3381",0.7883976,{"description":3022,"labels":3023,"number":3031,"owner":2917,"repository":2918,"state":2952,"title":3032,"updated_at":3033,"url":3034,"score":3035},"### Description\n\nCurrently, I want to use the InputMenu for URL suggestions. The user can choose whether they want to select one of the suggestions or enter their own URL. There are several InputMenus, which means that the user usually wants to jump to the next field using the tab key. \n\nHowever, this is not so easy with the InputMenu. With `create-items`, the field expects a click or enter to be entered. There is no autocreate. \n\nI have also tried using `update:search-terms`, which worked well as long as the user treated it as a pure input field. However, in this case, no suggestions appear. And if the user selects a suggestion, the VModel is also empty – more precisely, it gets a value and is deleted shortly afterwards.\n\nTherefore, it would be desirable if create-items could be set to transfer the input to the V-Model immediately, or if there was a general mode in which the input field treats the suggestions as optional.\n\n\n\n### Additional context\n\n_No response_",[3024,3025,3028,3029,3030],{"name":2908,"color":2909},{"name":3026,"color":3027},"needs reproduction","CB47CF",{"name":2911,"color":2912},{"name":2914,"color":2915},{"name":3012,"color":3013},4106,"InputMenu with Autocreate","2025-05-18T02:13:24Z","https://github.com/nuxt/ui/issues/4106",0.7897593,["Reactive",3037],{},["Set"],["ShallowReactive",3040],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f7OZ8euJXTNKUoAlNQZNlKY4mjFpe_xd9bBLVNSa-2cU":-1},"/nuxt/ui/4411"]