Shipfaster: UI Components

Form control

Enables users to perform control actions (select, multi-select, toggle) on a group.


Breadcrumbs are used when you have a large amount of content organised in hierarchical structure with defined categories (multiple sections that can be divided into more sub-sections). An excellent example is e-commerce site, in which a large variety of products is grouped into logical categories. They inform visitors of their current location in relation to the entire site hierarchy. Whereas they also improve the find-ability of site pages. The structure of the site is more easily understood because it is laid out in a breadcrumb.

Form controls are of three major types: a. Radio buttons are used for mutually exclusive choices, not for multiple choices. Only one radio button can be selected at a time. b. Toggle is a control that is used to quickly switch between two possible states. c. Checkboxes are used when there are multiple items to select in a list.

When to use

  • When inside a form, you want to allow user input for selecting or toggling any items.
  • For use in certain settings pages.


Anatomy of form control
  1. Control field: Select from a list of 3 types of controls - radio, checkbox, and switch.
  2. Label: Refers to the context of control.
  3. Description: Provides additional information on the control that helps user perform the specific action easily.

Best Practices

  1. These controls are mostly used inside forms and settings page.
  2. Make sure you use the 'active or ' state variant for showing feedback on when the user presses the control.

Recommended resources

Get instant access to over 6,000 Figma Components with Shipfaster UI. A Figma UI Kit & Design system used by over 2,000 designers.

All Products

Shipfaster UI: Figma UI Kit & Design System

Access 8,000+ Customizable components to supercharge your design workflow.

Pricing Icon
3,200+ of Downloads
Review Stars
3,200+ downloads
Learn More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.