\n```\n\nAfter:\n```html\n\u003C!-- `ui` prop is the same as `app.config.ts` theming config\n\u003CUTheme :ui=\"{\n formField: {\n\t slots: {\n\t root: \"flex max-sm:flex-col justify-between items-center gap-4\",\n\t},\n },\n}\">\n \u003CUForm ...>\n \u003CUFormField ...>\n ...\n \u003CUFormField>\n \u003CUFormField ...>\n ...\n \u003CUFormField>\n \u003CUForm/>\n\u003C/UTheme>\n```\n\n## Benefits\n- Easily componentized. I could create a `AppForm` component which contains the `UTheme` usage with a slot, so now its 1 line to get the exact theming that I want. This makes consistency across the app really easy.\n- Nestable - If implemented with provide/inject, you could have an infinite number of UTheme's nested and it would take the latest one\n\n## Implementation\nI'd tentatively be willing to implement this. My approach would be:\n- Create `UTheme`, it should have a `ui` and `uiPro` prop, each of which take the same type as the `app.config.ts`\n- `provide()` those props\n- `inject()` those props into each component and merge with passed in `ui` field.\n- Theme priority order should be:\n 1. `ui` prop passed to component\n 2. `ui` prop coming from UTheme component\n 3. `ui` config coming from `app.config.ts`\n\n### Additional context\n\n_No response_",[3139,3142,3145],{"name":3140,"color":3141},"enhancement","a2eeef",{"name":3143,"color":3144},"v3","49DCB8",{"name":3146,"color":3147},"triage","ffffff",4250,"nuxt","ui","open","UTheme component","2025-05-28T22:24:36Z","https://github.com/nuxt/ui/issues/4250",0.7391645,{"description":3157,"labels":3158,"number":3162,"owner":3149,"repository":3150,"state":3151,"title":3163,"updated_at":3164,"url":3165,"score":3166},"### 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_",[3159,3160,3161],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4786,"[Documentation] Add Tree Data example in Table documentation","2025-08-19T03:41:07Z","https://github.com/nuxt/ui/issues/4786",0.75608265,{"description":3168,"labels":3169,"number":3172,"owner":3149,"repository":3150,"state":3151,"title":3173,"updated_at":3174,"url":3175,"score":3176},"### 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_",[3170,3171],{"name":3140,"color":3141},{"name":3146,"color":3147},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.75871813,{"description":3178,"labels":3179,"number":3183,"owner":3149,"repository":3150,"state":3184,"title":3185,"updated_at":3186,"url":3187,"score":3188},"### Description\n\n**Title**: Support checkbox mode in Tree component\n\n**Description**\nThanks to the Nuxt UI team for the great work 🙏. The current [Tree component](https://ui.nuxt.com/components/tree) is very useful, but I noticed it does not support a **checkbox selection mode** yet.\n\nThis feature is very common and useful in real-world scenarios such as permission management, file directories, or organizational structures. For reference, Ant Design provides a [Tree with checkbox example](https://ant.design/components/tree-cn), which allows selecting multiple nodes and optionally controlling parent/child cascade behavior.\n\n**Use Case**\n\n* Add a `checkbox` mode for the Tree component.\n* Allow selecting multiple nodes with checkboxes.\n* Optionally provide a configuration to control cascade behavior (e.g., parent selection affecting child nodes, similar to `checkStrictly` in Ant Design).\n\n**Expected Behavior**\nDevelopers should be able to use the Tree component in checkbox mode, enabling multi-select and better fitting common use cases like permission assignment.\n\ne.g:\n\n\u003Cimg width=\"704\" height=\"393\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/62bcabb5-e461-4bc0-a9f2-1441869816ed\" />\n\n### Additional context\n\n_No response_",[3180,3181,3182],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4787,"closed","[Feature Request] Support checkbox mode in Tree component","2025-08-19T08:45:15Z","https://github.com/nuxt/ui/issues/4787",0.63806903,{"description":3190,"labels":3191,"number":3197,"owner":3149,"repository":3150,"state":3184,"title":3198,"updated_at":3199,"url":3200,"score":3201},"### Description\n\nIs it possible to add a tree control that can render department data, check and confirm?\n\nlike this: https://github.com/devcui/fantasies-ui/blob/main/src/runtime/components/CheckTree.vue\n\n### Additional context\n\n",[3192,3195,3196],{"name":3193,"color":3194},"duplicate","cfd3d7",{"name":3140,"color":3141},{"name":3143,"color":3144},4331,"checkbox tree","2025-06-12T08:18:01Z","https://github.com/nuxt/ui/issues/4331",0.7104374,{"description":3203,"labels":3204,"number":3208,"owner":3149,"repository":3150,"state":3184,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Description\n\nA ComboBox component with general functionality we need. As implemented in Vuetify ComboBox. https://vuetifyjs.com/en/components/combobox/#api\n\n### Additional context\n\n_No response_",[3205,3206,3207],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4483,"ComboBox component with common functionality as hide-selected, search-input.sync, clearable","2025-07-08T09:40:29Z","https://github.com/nuxt/ui/issues/4483",0.72978157,{"description":3214,"labels":3215,"number":3219,"owner":3149,"repository":3150,"state":3184,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Description\n\nI want to make the text in a custom slot for a tree item child selectable.\nThe issue is that `user-select: text` doesn’t work on `\u003Cbutton>` elements in Safari (I’m using a Tauri app).\n\nIt would be great if the component allowed using a custom slot that avoids rendering a \u003Cbutton> for certain items. (Perhaps a new slot could be added to allow custom rendering?).\n\n\u003Cimg width=\"1217\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/39cf6666-e3c9-48f4-a922-90a57d604feb\" />\n\n\n### Additional context\n\n_No response_",[3216,3217,3218],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4424,"Ability to not use button container for tree custom slot","2025-08-07T09:20:31Z","https://github.com/nuxt/ui/issues/4424",0.74479216,{"description":3225,"labels":3226,"number":3229,"owner":3149,"repository":3150,"state":3184,"title":3230,"updated_at":3231,"url":3232,"score":3233},"### Description\n\n🙏 First of all, thank you to the Nuxt UI team for your outstanding contributions!\n\nNuxt UI has greatly improved the developer experience for building modern Nuxt applications.\n\n---\n\nDescription\n\nCurrently, nuxt/ui provides a powerful set of UI components and form elements, but it lacks a built-in dynamic schema-form system. In many enterprise applications, we spend a lot of repetitive time writing similar form templates and CRUD logic.\n\nI propose adding a \u003Cschema-form> component, similar to [Ant Design ProComponents Schema Form](https://procomponents.ant.design/en-US/components/schema-form), to help developers quickly build dynamic forms with minimal boilerplate.\n\nMotivation\n\t•\tReduce repetitive code for standard CRUD forms.\n\t•\tCentralize form configuration into JSON schema.\n\t•\tAutomatically handle form rendering, validation, and API requests.\n\t•\tSimplify maintenance and improve developer productivity for admin panels and back-office tools.\n\n---\nProposed API\n\nA possible schema-form component interface could be:\n\n```vue\n\u003CSchemaForm\n :schema=\"{\n title: 'User Info',\n mode: 'create', // or 'update'\n api: {\n detail: '/api/user/detail',\n create: '/api/user/create',\n update: '/api/user/update'\n },\n fields: [\n { label: 'Username', name: 'username', component: 'input', rules: [{ required: true }] },\n { label: 'Email', name: 'email', component: 'input' },\n { label: 'Role', name: 'role', component: 'select', options: [\n { label: 'Admin', value: 'admin' },\n { label: 'User', value: 'user' }\n ]}\n ],\n initialValues: { role: 'user' }\n }\"\n @submit-success=\"onSubmit\"\n/>\n```\n---\nFeatures\n\t•\t✅ Schema-driven form rendering (fields, labels, validation, components)\n\t•\t✅ Auto-fetch detail API for edit mode\n\t•\t✅ Built-in submit to create/update APIs\n\t•\t✅ Support for u-input, u-select, u-date-picker, and custom components\n\t•\t✅ Works seamlessly with Nuxt UI design system\n\n---\n\nBenefits\n\t•\tSignificant reduction in repetitive CRUD form code\n\t•\tAligns with enterprise admin panel requirements\n\t•\tMatches developer experience from frameworks like Ant Design ProComponents\n\t•\tMakes Nuxt UI more competitive for dashboard/admin scenarios\n\n---\n\nAlternatives\n\nRight now, developers must:\n\t•\tManually write each form template (using u-form, u-form-item, etc.)\n\t•\tHandle API fetching/submission manually with useFetch\n\t•\tDuplicate similar code across multiple CRUD pages\n\n---\n\nReferences\n\t•\tAnt Design ProComponents Schema Form: https://procomponents.ant.design/en-US/components/schema-form\n\n\n### Additional context\n\n_No response_",[3227,3228],{"name":3140,"color":3141},{"name":3146,"color":3147},4653,"[Feature Request] Add dynamic schema-form similar to Ant Design ProComponents Schema Form for reducing CRUD workload","2025-08-07T17:19:54Z","https://github.com/nuxt/ui/issues/4653",0.7479281,{"description":3235,"labels":3236,"number":3240,"owner":3149,"repository":3150,"state":3184,"title":3241,"updated_at":3242,"url":3243,"score":3244},"### Description\n\nThe new CheckboxGroup component lacks the `table` variant found on the RadioGroup component. Since these components will often appear together in forms, it would be preferable to have the table variant for both of them.\n\nThis is already easily achieved with the new component by adding the RadioGroup styles to the `item` ui prop. I think it should be possible to make this change just by adding the styles to checkbox-group.ts. I'm happy to make a pull request and make the changes.\n\n### Additional context\n\n_No response_",[3237,3238,3239],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},3994,"[CheckboxGroup] Add `variant=\"table\"` to match RadioGroup variants","2025-05-13T12:28:16Z","https://github.com/nuxt/ui/issues/3994",0.74865794,{"labels":3246,"number":3252,"owner":3149,"repository":3149,"state":3184,"title":3253,"updated_at":3254,"url":3255,"score":3256},[3247,3249],{"name":3140,"color":3248},"8DEF37",{"name":3250,"color":3251},"2.x","d4c5f9",6576,"Quasar integration","2023-01-22T15:51:03Z","https://github.com/nuxt/nuxt/issues/6576",0.7531185,["Reactive",3258],{},["Set"],["ShallowReactive",3261],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fueUFlNOSKol8ZqsDhdYfUPZ4ssmKfLcEpR3zR_jGO3Q":-1},"/nuxt/ui/4243"]