Skip to content

Components: Form scaffolding & buttons #9

Closed

Description

@n4ff4h

REQUIREMENTS §22 (Form scaffolding), §16 R16.3, §25.9. Base: shadcn form, field, label, button, button-group, input-group, card, separator; react-hook-form.

  • Form (Form; react-hook-form + Inertia; 422 → field errors, focus first invalid, summary)
  • Form group
  • Fieldset / form section (collapsible, opens on invalid)
  • Label
  • Required marker
  • Field errors
  • AJAX validation errors (ValidationSummary / AjaxValidationErrors)
  • Help text
  • Form container
  • Repeating group (useFieldArray or controlled arrays)
  • Inline edit
  • Autosave indicator (+ useAutosave)
  • Save buttons bar (§25.9; useUnsavedChangesGuard)
  • Floating submit
  • Submit button
  • Button
  • Link button
  • Button group
  • Auth forms (SignInForm, RegisterForm, ForgotPasswordForm, ResetPasswordForm)

Merged into claude/amazing-cerf-htnpm8. 153 tests in the group; coverage 99.5% lines / 94.8% branches.

Follow-ups:

  • Figma components + Code Connect (Figma kit & token sync #29)
  • Repeating group: drag-to-reorder (currently Move up/down buttons)
  • eFaas button assets (R16.7) — slot only until eFaas supplies them
  • dv locale: label-to-input spacing looks large with Thaana line height

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions