\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.69863415,{"description":3163,"labels":3164,"number":3168,"owner":3155,"repository":3156,"state":3157,"title":3169,"updated_at":3170,"url":3171,"score":3172},"### 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_",[3165,3166,3167],{"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.7244,{"description":3174,"labels":3175,"number":3179,"owner":3155,"repository":3156,"state":3157,"title":3180,"updated_at":3181,"url":3182,"score":3183},"### 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_",[3176,3177,3178],{"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.72450083,{"description":3185,"labels":3186,"number":3187,"owner":3155,"repository":3156,"state":3157,"title":3188,"updated_at":3189,"url":3190,"score":3191},"### Describe the feature\n\nIt would be great if Nuxt UI could provide a built-in, customizable **feature tour / onboarding guide** component. This would allow developers to guide users through key parts of an application with step-by-step tooltips and highlighted elements.\n\n**Motivation**\n\n* Helps improve user onboarding and product discovery.\n* Provides a consistent and reusable UI pattern for walkthroughs across Nuxt projects.\n* Currently, developers must rely on external libraries (e.g., Driver.js, Shepherd.js) or build a custom solution. A Nuxt UI-native solution would integrate seamlessly with existing components and theming.\n\n**Proposed Features**\n\n* Ability to define **steps** with `selector`, `title`, `description`, and `position`.\n* Configurable **highlight styles** (border, shadow, spotlight cut-out).\n* Built-in **navigation controls** (Next, Previous, Finish).\n* Option to scroll to target elements automatically.\n* Theming support with Nuxt UI tokens.\n* Accessibility support (keyboard navigation, ARIA roles).\n\n**Example API (pseudo-code)**\n\n```vue\n\u003CUTour :steps=\"steps\" v-model=\"active\" />\n\n\u003Cscript setup lang=\"ts\">\nconst steps = [\n { selector: '#step1', title: 'Welcome', description: 'This is the first step', position: 'bottom' },\n { selector: '#step2', title: 'Next Feature', description: 'Learn about this one too', position: 'right' }\n]\n\u003C/script>\n```\n\n**Alternatives Considered**\n\n* External libraries like Driver.js or Shepherd.js, but they don’t fit Nuxt UI’s design system and require additional integration effort.\n\n**Additional Context**\nThis would help Nuxt developers deliver a polished onboarding experience without reinventing the wheel.\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).",[],4874,"Interactive Feature Tour Component","2025-09-02T12:21:11Z","https://github.com/nuxt/ui/issues/4874",0.727116,{"description":3193,"labels":3194,"number":3203,"owner":3155,"repository":3155,"state":3157,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### Problem statement\r\nIn Nuxt 3, the `layout` \u003CNuxtPage> is not extensible. While In Nuxt 2, you can do \u003CNuxtPage v-if...> for dynamic page behavior. This lack of extensibility, is causing developer to have to create `conditional v-if` in almost every page.. (cc @adrianpdm)\r\n\r\n### Request/Suggestion\r\nIs it possible to add back extensibility in `layout` \u003CNuxtPage>?\r\n\r\n### Additional information\r\n\r\n- [X] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3195,3197,3200],{"name":3146,"color":3196},"8DEF37",{"name":3198,"color":3199},"discussion","538de2",{"name":3201,"color":3202},"needs details","493824",21667,"Ability to extend `layout` \u003CNuxtPage> like In Nuxt 2","2024-06-30T11:08:29Z","https://github.com/nuxt/nuxt/issues/21667",0.72915584,{"description":3185,"labels":3209,"number":3213,"owner":3155,"repository":3155,"state":3157,"title":3188,"updated_at":3214,"url":3215,"score":3216},[3210],{"name":3211,"color":3212},"pending triage","E99695",33111,"2025-09-02T09:15:22Z","https://github.com/nuxt/nuxt/issues/33111",0.7354998,{"description":3218,"labels":3219,"number":3221,"owner":3155,"repository":3155,"state":3157,"title":3222,"updated_at":3223,"url":3224,"score":3225},"### 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).",[3220],{"name":3211,"color":3212},32330,"Better IDE Docs","2025-06-08T03:26:08Z","https://github.com/nuxt/nuxt/issues/32330",0.73681855,{"description":3227,"labels":3228,"number":3233,"owner":3155,"repository":3156,"state":3234,"title":3235,"updated_at":3236,"url":3237,"score":3238},"### Description\n\nCurrently, the table component (\u003Cutable>) in NuxtUI lacks the ability to set colspan and rowspan for cells within the table. Adding this feature would enhance the capability and flexibility in structuring more complex table data.\n\n### Additional context\n\n_No response_",[3229,3230,3232],{"name":3146,"color":3147},{"name":3231,"color":3153},"wontfix-v2",{"name":3149,"color":3150},1651,"closed","Add colspan and rowspan support for table","2025-07-01T12:05:52Z","https://github.com/nuxt/ui/issues/1651",0.6868328,{"description":3240,"labels":3241,"number":3245,"owner":3155,"repository":3156,"state":3234,"title":3246,"updated_at":3247,"url":3248,"score":3249},"### Description\n\nDescription:\nI am currently using the UTable component from Nuxt UI and have encountered a limitation regarding the customization of table headers. Specifically, I need to create a table with multi-row headers and the ability to merge columns using colspan. For example, the multi-row spanning column headers shown in the image.However, the current implementation of the UTable component does not seem to support this feature.\n\n\nCurrent Behavior:\n\nThe header property allows for custom content using the h function, but it is limited to single-column customization.\nThe available slots are primarily designed for single-column or specific row customization and do not support multi-column header customization.\nExpected Behavior:\n\nAbility to define headers that span multiple rows and columns.\nSupport for colspan and rowspan attributes in the header configuration to allow for more complex table layouts.\nEnhanced slot functionality to support multi-column header customization.\nUse Case:\nThis feature is essential for creating complex data tables where grouped headers are necessary for better data organization and presentation. It is particularly useful in scenarios where data needs to be categorized under broader headings.\n\nProposed Solution:\n\nIntroduce a mechanism in the UTable component to allow for multi-row and multi-column header definitions.\nProvide examples and documentation on how to implement these features using the existing API or through new enhancements.\nConsider expanding the slot functionality to support more complex header customizations.\nAdditional Context:\n\nThis feature is commonly supported in other table libraries and would greatly enhance the flexibility and usability of the UTable component in Nuxt UI.\nEnvironment:\n\nNuxt UI version: [3.0.0-alpha.12]\nNuxt version: [^3.15.4]\n\nRelated Issues Link:\nhttps://github.com/nuxt/ui/issues/1289#issuecomment-2652919275\nhttps://github.com/nuxt/ui/issues/1651\nhttps://github.com/nuxt/ui/issues/2053\n\nRelated Documentation Link:\nhttps://ui3.nuxt.dev/components/table\n\n### Additional context\n\n_No response_",[3242,3243,3244],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},3296,"Support for Multi-Row and Colspan Headers in UTable Component","2025-07-01T12:05:35Z","https://github.com/nuxt/ui/issues/3296",0.6944894,{"description":3251,"labels":3252,"number":3258,"owner":3155,"repository":3155,"state":3234,"title":3259,"updated_at":3260,"url":3261,"score":3262},"### Describe the feature\r\n\r\n我有一个公共的组件Footer,它从接口获取数据填充,我想这个请求在构建时执行,生成静态的东西,这样Footer就不用执行很多次读取数据操作了。\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[3253,3256,3257],{"name":3254,"color":3255},"3.x","29bc7f",{"name":3211,"color":3212},{"name":3201,"color":3202},12399,"How about ssg components","2023-02-16T05:22:28Z","https://github.com/nuxt/nuxt/issues/12399",0.71278626,["Reactive",3264],{},["Set"],["ShallowReactive",3267],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPnYEXVtqwngQ3zPI9EdIdjrBk7y_7hlYBKxSh3OhXVU":-1},"/nuxt/ui/1025"]