Forms

Forms are used to collect user input and submit it to the server.

  • Use forms to collect user input and submit it to the server.
  • Use the appropriate input types for the data you are collecting.
  • Use a single column layout for forms.
  • Apply required label for required fields.
  • Use consistent input sizes and spacing.

Standard Usage

Your Profile

This is what everyone will see when you post a comment.
Only you will see this in your profile.
We are legally required to ask for your age.

Standard form layouts use a single column layout with consistent input sizes and spacing. Input widths can be adjusted based on the content.

Resources

NameResourceStatus
FigmaDesign Kit (Figma)Private

On this page