Form Section

Form Section groups related form fields under a labelled fieldset, improving scannability and organization of long forms.

Installation

npm install @libretexts/davis-react

Basic Usage

import { FormSection, Input, Stack } from '@libretexts/davis-react';

export default function Example() {
  return (
    <FormSection title="Personal Information" description="Your basic contact details.">
      <Stack gap="md">
        <Input label="First name" />
        <Input label="Last name" />
        <Input label="Email" type="email" />
      </Stack>
    </FormSection>
  );
}

Documentation in Progress

Full documentation for this component is being written. Check back soon for complete API reference, examples, and accessibility guidelines.