Forms
FormSection
Groups related form fields with a title and optional description.
Forms
Enhanced form components for uploads, rich text editing, and search inputs.
Components
<XAFormSection />
Groups related form fields with a title and optional description.
<XAFormSection title="Profile Information" description="Update your personal details.">
<UFormField label="Name">
<UInput v-model="name" />
</UFormField>
</XAFormSection>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | required | Section heading displayed above the fields |
description | string | '' | Optional subtitle below the heading |
Slots
| Slot | Description |
|---|---|
default | Form fields to render inside the section |
AI Context
component: XAFormSection
package: "@xenterprises/nuxt-x-app"
category: Form
use-when: Admin forms requiring logical grouping of related fields with a section title