\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_",[3145,3148,3151],{"name":3146,"color":3147},"enhancement","a2eeef",{"name":3149,"color":3150},"v3","49DCB8",{"name":3152,"color":3153},"triage","ffffff",4782,"nuxt","ui","open","Feature Request: Add Header Slot to Accordion Component","2025-08-21T18:07:41Z","https://github.com/nuxt/ui/issues/4782",0.76007444,{"description":3163,"labels":3164,"number":3168,"owner":3155,"repository":3156,"state":3157,"title":3169,"updated_at":3170,"url":3171,"score":3172},"### Description\n\n**Title**: Add Descriptions component\n\n**Description**\nThanks to the Nuxt UI team for the great work 🙏. Currently, the library does not provide a component similar to [Descriptions](https://ant.design/components/descriptions-cn).\n\nThis type of component is very common in real-world applications, often used to display descriptive information in pairs, such as user profiles, order details, or configuration parameters. Ant Design’s Descriptions component provides a clean and convenient way to present such data.\n\n**Use Case**\n\n* Add a `Descriptions` component to display data in “label–content” pairs.\n* Support horizontal and vertical layouts.\n* Support configurable column count with automatic wrapping.\n* Allow customization of label and content styles.\n\n**Expected Behavior**\nDevelopers should be able to easily use a Descriptions component, similar to Ant Design, to quickly build data presentation pages.\n\ne.g:\n\n\u003Cimg width=\"1421\" height=\"478\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/3f460119-101d-4dea-bb41-055ca77679af\" />\n\n### Additional context\n\n_No response_",[3165,3166,3167],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4788,"[Feature Request] Add Descriptions component","2025-08-19T03:39:55Z","https://github.com/nuxt/ui/issues/4788",0.7677538,{"description":3174,"labels":3175,"number":3179,"owner":3155,"repository":3155,"state":3157,"title":3180,"updated_at":3181,"url":3182,"score":3183},"### Describe the feature\n\nAdd documentation for Nuxt Components \n\n\n\n\nComparison between Vue template Component and Nuxt Layout Component, there is no documentation for hovering over the element unlike others\n\n### Additional information\n\n- [ ] 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://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3176],{"name":3177,"color":3178},"pending triage","E99695",32330,"Better IDE Docs","2025-06-08T03:26:08Z","https://github.com/nuxt/nuxt/issues/32330",0.7713854,{"description":3185,"labels":3186,"number":3195,"owner":3155,"repository":3155,"state":3157,"title":3196,"updated_at":3197,"url":3198,"score":3199},"We might build these directly into nuxt or possibly via a core or adhoc module or even decoupled module like `nuxt/a11y`.\r\n\r\n```[tasklist]\r\n### Tasks\r\n- [ ] https://github.com/nuxt/nuxt/issues/14673\r\n- [ ] https://github.com/nuxt/nuxt/issues/23375\r\n- [ ] built-in [axe core](https://github.com/dequelabs/axe-core)\r\n- [ ] devtools integration? cc: @antfu\r\n- [ ] other built-in components or composables, e.g. for announcement?\r\n- [ ] a convenient way to move focus on every navigation\r\n- [ ] skip links for traversing to/from the top-most layout that changed\r\n```\r\n",[3187,3189,3192],{"name":3146,"color":3188},"8DEF37",{"name":3190,"color":3191},"🍰 p2-nice-to-have","0E8A16",{"name":3193,"color":3194},"a11y","872BA1",23255,"Accessibility roadmap","2024-09-11T21:09:52Z","https://github.com/nuxt/nuxt/issues/23255",0.7721935,{"description":3201,"labels":3202,"number":3206,"owner":3155,"repository":3156,"state":3157,"title":3207,"updated_at":3208,"url":3209,"score":3210},"### Description\n\nI've used [Quasar's tree-component with checkboxes](https://quasar.dev/vue-components/tree#tick-strategy) as a form element in several use-cases. It's an extremely useful element for hierarchical content when it makes sense that the user is able to see all options simultaneously (i.e. not hidden in a dropdown or something similar).\n\nI can see that this component variant is mentioned on [Reka-ui's docs page](https://reka-ui.com/docs/components/tree#with-checkbox).\n\nAre there any plans to add this?\n\n### Additional context\n\n_No response_",[3203,3204,3205],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4243,"UTree with checkboxes","2025-05-28T13:19:10Z","https://github.com/nuxt/ui/issues/4243",0.785137,{"description":3212,"labels":3213,"number":3217,"owner":3155,"repository":3156,"state":3157,"title":3218,"updated_at":3219,"url":3220,"score":3221},"### Description\n\n**Description**\nFirst of all, thanks to the Nuxt UI team 🙏. The Table component is already very powerful and easy to use.\nHowever, I noticed that the documentation currently does not include an example for **Tree Data (hierarchical table rows)**.\n\nTree data tables are very common in real-world scenarios such as organization structures, directory hierarchies, or permission management. For reference, Ant Design Table provides a [Tree Data example](https://ant.design/components/table-cn#table-demo-tree-data) which is very helpful for developers.\n\n**Use Case**\n\n* Add a Tree Data example in the docs.\n* Demonstrate how to define hierarchical rows via a `children` field (or similar property).\n* Ideally, include an example showing row selection with/without cascading (similar to `CheckStrictly` in Ant Design).\n\n**Expected Behavior**\nThe documentation should include a Tree Data demo, making it easier for developers to get started with hierarchical tables. For example:\n\n\u003Cimg width=\"1457\" height=\"491\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/8b90dd75-3d22-4bbd-8b31-67702930af1e\" />\n\n\n### Additional context\n\n_No response_",[3214,3215,3216],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4786,"[Documentation] Add Tree Data example in Table documentation","2025-08-19T03:41:07Z","https://github.com/nuxt/ui/issues/4786",0.7860959,{"description":3223,"labels":3224,"number":3227,"owner":3155,"repository":3156,"state":3157,"title":3228,"updated_at":3229,"url":3230,"score":3231},"### Description\n\nIn the Nuxt UI documentation, the theme configuration JSON for components is extremely helpful for understanding default styles and customizing them. However, these blocks currently do not support expanding/collapsing of nested sections like slots, variants, or size, which makes navigation and readability difficult—especially for large configuration trees.\n\n**Feature Request:**\nAdd interactive expand/collapse support to nested JSON blocks in the theme section of the Nuxt UI docs. This can be similar to how most code editors and browser devtools handle JSON structures, allowing users to collapse/expand objects or arrays.\n\n**Use Cases:**\n- Improved UX for developers customizing UI themes\n- Faster navigation when working with deeply nested or verbose configurations\n- Easier understanding of available slots and variants without scrolling through long blocks\n\n**Alternatives Considered:**\n- Copying the JSON into a code editor to navigate — which breaks the in-context experience\n- Searching for keys manually, which is slow and error-prone\n\n**Prototype / Reference:**\nAlthough no direct prototype is available, the expected behavior is similar to how Vue DevTools or VSCode handles collapsible JSON structures.\n\n\u003Cimg width=\"844\" height=\"619\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/14f7ccb8-3e7e-41f5-8b6e-6ffc5f2ba150\" />\n\n### Additional context\n\n_No response_",[3225,3226],{"name":3146,"color":3147},{"name":3152,"color":3153},4606,"✨ Expand/Collapse Support for Component Theme JSON in Nuxt UI Docs","2025-07-26T11:50:47Z","https://github.com/nuxt/ui/issues/4606",0.7863835,{"description":3233,"labels":3234,"number":3238,"owner":3155,"repository":3156,"state":3157,"title":3239,"updated_at":3240,"url":3241,"score":3242},"### 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_",[3235,3236,3237],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4661,"SelectMenu: add description props to show text below title","2025-08-06T02:19:32Z","https://github.com/nuxt/ui/issues/4661",0.7877898,{"description":3244,"labels":3245,"number":3249,"owner":3155,"repository":3156,"state":3250,"title":3251,"updated_at":3252,"url":3253,"score":3254},"### Description\n\nHi,\n\nI believe that it would be very interesting to implement in the NavigationMenu an attribute similar to the Accordion multiple to allow to open only branch of the menu when the menu is vertical.\n\nKind regards...Antonio\n\n### Additional context\n\n_No response_",[3246,3247,3248],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4072,"closed","NavigationMenu implement Accordion multiple attribute","2025-05-20T14:47:06Z","https://github.com/nuxt/ui/issues/4072",0.7518863,{"description":3256,"labels":3257,"number":3261,"owner":3155,"repository":3156,"state":3250,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### Description\n\nThis is a re-opening of #1484 but for v3. It seems in the transition from v2 to v3, giving the indicators (now \"dots\") ARIA \"tab\" roles was lost. While I did mention it in my original issue, I don't believe my original PR accounted for when multiple items would be displayed at the same time. Perhaps the changes for v3 can take that into account.\n\n### Additional context\n\n_No response_",[3258,3259,3260],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4494,"Carousel component could be made more accessible (v3).","2025-07-10T12:18:41Z","https://github.com/nuxt/ui/issues/4494",0.7605117,["Reactive",3267],{},["Set"],["ShallowReactive",3270],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fA-U2wY-9kvrTYVAtlwwdcEG3iNwm9f872h7I8UfQie8":-1},"/nuxt/ui/4338"]