Form Control

A Form Control refers to various input elements within a form, such as text fields, checkboxes, radio buttons, and dropdowns.

Base Components

Overview

Form Control elements allow users to input data into a form.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2FGl3138LYJ71TKOZEC0F8nJ%2FShipfaster-UI---v2.7.1-(LIVE)%3Fnode-id%3D1603-182467%26t%3DpA8X0YmO6d7F2SMU-1

When should you use them?

Use Form Controls in any user interface where data input is required, such as registration forms, surveys, and search bars.

How should you use them?

  • Clearly label each form control.
  • Provide placeholder text and examples where appropriate.
  • Include validation to prevent incorrect data entry.
  • Ensure form controls are accessible, with keyboard navigation and screen reader support.
  • Group related form controls logically.
Previous

No previous post
Up next

No next post