File

Source file: components/form-element-showcase.tsx.

Renderer for all /app/forms/[slug] pages and the main form control examples.

components/form-element-showcase.tsx

Responsibilities

This file owns the following project behavior.

  • Render textfield, textarea, select, autocomplete, combobox, checkbox, radio, switch, slider, rating, custom input, file input, date time picker, editors, validation, and wizard links.
  • Manage local demo state for interactive controls.
  • Coordinate select and autocomplete menu placement.

Change risks

Review these risks before editing this file.

  • Select/autocomplete behavior changes affect multiple pages.
  • Focus changes must stay aligned with textfield.
  • Menu placement logic must account for scroll and viewport size.
  • Run TypeScript and production build after changes.
  • Smoke test affected routes after deployment.