FormSection

Form sections for grouping related fields with labels and descriptions.

Installation

tsx

npx smi-ui add form-section

Preview

Personal Information

Update your personal details.

First Name*

Last Name*

With Error

Email*

This email is already taken

Form Actions

Usage

tsx

import { FormSection, FormField, FormActions } from "@/components/blocks/form-section"

<FormSection title="Account" description="Update your account settings.">
  <FormField label="Email" required>
    <Input type="email" />
  </FormField>
</FormSection>

<FormActions>
  <Button variant="outline">Cancel</Button>
  <Button>Save</Button>
</FormActions>