\n\n### Additional context\n\n_No response_",[3150,3153,3156],{"name":3151,"color":3152},"enhancement","a2eeef",{"name":3154,"color":3155},"v3","49DCB8",{"name":3157,"color":3158},"triage","ffffff",4788,"ui","[Feature Request] Add Descriptions component","2025-08-19T03:39:55Z","https://github.com/nuxt/ui/issues/4788",0.71130604,{"description":3166,"labels":3167,"number":3171,"owner":3141,"repository":3160,"state":3142,"title":3172,"updated_at":3173,"url":3174,"score":3175},"### Description\n\n\u003Cimg width=\"1132\" height=\"641\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b31830a1-49d8-41e8-bd98-77fa43191d84\" />\n\n\n## Summary\nI would like to request the addition of a `header` slot to the Accordion component in Nuxt UI. This would provide more flexibility for customizing the accordion header content beyond the current available slots.\n\n## Current Behavior\nThe Accordion component currently supports the following slots:\n- `body`\n- `content` \n- `default`\n- `leading`\n- `trailing`\n\n## Proposed Enhancement\nAdd a new `header` slot that allows developers to completely customize the header content of each accordion item.\n\n## Use Case\nI need to display additional information in the accordion title when it's in a collapsed state. The current slots (`leading`, `trailing`) provide some customization, but a dedicated `header` slot would allow for more complex layouts and better control over the entire header area.\n\nFor example, I want to show:\n- Custom formatted titles\n- Additional metadata or status indicators\n- Complex layouts that go beyond simple leading/trailing elements\n\n## Implementation Suggestion\nMy idea is to position the `header` slot **below the existing header area** as a supplementary display zone. This would:\n- Preserve the current header functionality (title, leading/trailing slots, toggle button)\n- Add an additional customizable area underneath for extra information\n- Maintain visual hierarchy while providing more space for content\n\n## Expected API\n```vue\n\u003CUAccordion :items=\"items\">\n\u003Ctemplate #header=\"{ item, index, open }\">\n \u003Cdiv class=\"supplementary-header-info\">\n \u003Cspan class=\"status-badge\">{{ item.status }}\u003C/span>\n \u003Cp class=\"description\">{{ item.summary }}\u003C/p>\n \u003C/div>\n\u003C/template>\n\u003C/UAccordion>\n```\n\n**Visual Layout:**\n```\n┌─────────────────────────────────────┐\n│ [Leading] Title Text [Trailing] ▼│ ← Existing header\n├─────────────────────────────────────┤\n│ Custom Header Slot Content │ ← New header slot\n└─────────────────────────────────────┘\n```\n\n## Benefits\n1. **Enhanced Flexibility**: Developers can create more sophisticated header layouts\n2. **Better UX**: Ability to show contextual information when accordion items are collapsed\n3. **Consistency**: Aligns with the existing slot-based architecture of other Nuxt UI components\n4. **Backward Compatibility**: Would not break existing implementations\n5. **Non-intrusive**: Positioned below existing header, maintaining current functionality\n\n## Additional Context\nThis feature would be particularly useful for:\n- Dashboard interfaces where accordion headers need to show status information\n- Form sections that display validation states in headers\n- Data tables collapsed into accordion format with summary information\n- Preview content or metadata display without expanding the full accordion\n\nThank you for considering this enhancement!\n\n### Additional context\n\n_No response_",[3168,3169,3170],{"name":3151,"color":3152},{"name":3154,"color":3155},{"name":3157,"color":3158},4782,"Feature Request: Add Header Slot to Accordion Component","2025-08-21T18:07:41Z","https://github.com/nuxt/ui/issues/4782",0.75052845,{"description":3177,"labels":3178,"number":3182,"owner":3141,"repository":3160,"state":3142,"title":3183,"updated_at":3184,"url":3185,"score":3186},"### Description\n\nSomething like this from PrimeVue:\n\nDatepicker + Timepicker\n\u003Cimg width=\"352\" height=\"457\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f40dbf99-c74a-478b-8f2b-d54efa91e9a9\" />\n\nTime only:\n\u003Cimg width=\"356\" height=\"196\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/306c0931-e800-4a9b-9b92-ad70dc4ffab5\" />\n\n### Additional context\n\n_No response_",[3179,3180,3181],{"name":3151,"color":3152},{"name":3154,"color":3155},{"name":3157,"color":3158},4634,"[Component] Timepicker","2025-07-30T13:51:31Z","https://github.com/nuxt/ui/issues/4634",0.76107705,{"description":3188,"labels":3189,"number":3193,"owner":3141,"repository":3160,"state":3142,"title":3194,"updated_at":3195,"url":3196,"score":3197},"### Description\n\nLike this:\n\n\u003Cimg width=\"1460\" height=\"1070\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/5af87b52-8adc-40e9-8a6d-2ec6272e9cb7\" />\n\n### Additional context\n\n_No response_",[3190,3191,3192],{"name":3151,"color":3152},{"name":3154,"color":3155},{"name":3157,"color":3158},4744,"Horizontal form","2025-08-15T09:26:47Z","https://github.com/nuxt/ui/issues/4744",0.7640575,{"description":3199,"labels":3200,"number":3204,"owner":3141,"repository":3160,"state":3142,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### Description\n\nOptions in `SelectMenu` might need a description below the title e.g. like the watch dropdown on github:\n\n\u003Cimg width=\"362\" height=\"378\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/78093701-742b-49ad-8b60-e26435a3bca5\" />\n\nIt can be worked around using `item-label` slot, but it would be nice if developer can use `items` props only to implement it for simpler way.\n\nBelow, I have tried to create it using Reka UI `combobox` component, the component used by SelectMenu.\n\n\u003Cimg width=\"329\" height=\"460\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e5cda771-3f8e-4369-bb3b-d5159f84d425\" />\n\n### Additional context\n\n_No response_",[3201,3202,3203],{"name":3151,"color":3152},{"name":3154,"color":3155},{"name":3157,"color":3158},4661,"SelectMenu: add description props to show text below title","2025-08-06T02:19:32Z","https://github.com/nuxt/ui/issues/4661",0.7643853,{"description":3210,"labels":3211,"number":3216,"owner":3141,"repository":3160,"state":3217,"title":3218,"updated_at":3219,"url":3220,"score":3221},"### Package\n\nv4.0.0-alpha.x\n\n### Description\n\nIt would be nice if the docs [ThemePicker](https://github.com/nuxt/ui/tree/v4/docs/app/components/theme-picker) component became part of NuxtUI directly. If this is something that would be accepted, I can work on creating a pull request.\n\n### Additional context\n\n_No response_",[3212,3213,3214],{"name":3151,"color":3152},{"name":3157,"color":3158},{"name":3215,"color":3155},"v4",4960,"closed","Provide ThemePicker component","2025-09-12T19:45:22Z","https://github.com/nuxt/ui/issues/4960",0.75540453,{"description":3223,"labels":3224,"number":3232,"owner":3141,"repository":3160,"state":3217,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Description\n\nCurrently, the accordion component relies solely on divs and buttons, which means it's not fully accessible to assistive technologies. \n\nTo fix this, the accordion should have an HTML structure similar to the one shown in the example below.\n\n```html\n\u003Cdiv role=\"group\" aria-labelledby=\"group-name\">\n \u003Cspan hidden id=\"group-name\">Lorem ipsum dolor sit.\u003C/span>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n\u003C/div>\n```\n\nThis accordion is now completely accessible and requires no JavaScript to function like the current accordion.\nAdditionally, this accordion will also automatically expand if a user searches for words that appear in each accordion item.\n\nThis is how the current accordion is visualized from the accessibility tree.\n\n\u003Cimg width=\"300\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c61583dd-b2a5-4e48-acaa-e0c156f0bee5\" />\n\n\nThis is how the new accordion will be visualized from the accessibility tree.\n\n\u003Cimg width=\"450\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/6490bbb7-d453-4516-89a1-069ff31c88e8\" />\n\nI would love to hear your opinion on this, and I would also be glad to help out if needed.\n\n\n### Additional context\n\n_No response_",[3225,3226,3227,3230],{"name":3151,"color":3152},{"name":3157,"color":3158},{"name":3228,"color":3229},"closed-by-bot","ededed",{"name":3231,"color":3229},"stale",4338,"Accordion a11y using details and summary","2025-08-22T02:08:27Z","https://github.com/nuxt/ui/issues/4338",0.75548315,{"labels":3238,"number":3245,"owner":3141,"repository":3141,"state":3217,"title":3246,"updated_at":3247,"url":3248,"score":3249},[3239,3242],{"name":3240,"color":3241},"documentation","5319e7",{"name":3243,"color":3244},"3.x","29bc7f",14613,"Document `\u003CNuxtWelcome />`","2023-01-19T17:37:54Z","https://github.com/nuxt/nuxt/issues/14613",0.7556071,{"description":3251,"labels":3252,"number":3262,"owner":3141,"repository":3141,"state":3217,"title":3263,"updated_at":3264,"url":3265,"score":3266},"### Describe the feature\n\nA component to render it slot only during dev would be useful in some cases.\r\n\r\nThe content should be tree shaken during build\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[3253,3255,3258,3259],{"name":3151,"color":3254},"8DEF37",{"name":3256,"color":3257},"discussion","538de2",{"name":3243,"color":3244},{"name":3260,"color":3261},"🍰 p2-nice-to-have","0E8A16",15066,"Add `DevOnly` component","2023-01-19T17:44:35Z","https://github.com/nuxt/nuxt/issues/15066",0.7568552,["Reactive",3268],{},["Set"],["ShallowReactive",3271],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fBPsGVzvQcaPPCAPgzAznT-mSgCD9_J-K7dUSKeInLdk":-1},"/nuxt/ui/3522"]