FormLayout

FormLayout owns form-level structure: an optional title/description header, sectioned two-column body, and a footer slot for FormActions. Use FormLayoutSection to group related fields.

#Default usage

<FormLayout
  description="These options apply to everyone in the workspace."
  title="Workspace settings"
>
  <FormLayoutSection description="Visible across the product." title="Identity">
    <Input defaultValue="Frogg" />
  </FormLayoutSection>
</FormLayout>

#Import

import { FormLayout, FormLayoutSection } from "@froggdesign/enter-ui-react";

#Accessibility

FormLayout wraps a real <form> element so submit handlers, native validation, and Enter-to-submit work without extra wiring.

#API

• FormLayout extends native <form>. Props: title, description, footer.
• FormLayoutSection: titled two-column subsection.

#Styling

Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.