Forms and inputs

82 components, 81 with React code

Inputs, selects, search fields, form rows and settings forms in each system’s look, including the dense field rows admin products use.

Settings pagesCreate and edit forms inside modalsSearch and filter bars

Search fieldLoopoCodeFree
SelectLoopoCodeFree
SwitchLoopoCodeFree
Input component preview
InputLoopoCodeFree
Form row component preview
Form rowLoopoCodeFree
Form row, Footer form component preview
Field component preview
FieldLoopoCodeFree
Field, Sending to component preview
Field, Sending toLoopoCodeFree
Field, Subject line component preview
Field, Subject lineLoopoCodeFree
Field, Preview text component preview
Field, Preview textLoopoCodeFree
Field, From component preview
Field, FromLoopoCodeFree
Search field component preview
Search fieldLoopoCodeFree
Sort select component preview
Sort selectLoopoCodeFree
Search wrap component preview
Search wrapLoopoCodeFree
Search wrap, Search fields component preview
Form settings card component preview
Form settings cardLoopoCodeFree
Template, Campaign performance component preview
Field, To component preview
Field, ToLoopoCodeFree
Field, Message component preview
Field, MessageLoopoCodeFree
Format component preview
FormatLoopoCodeFree
Search help card component preview
Search help cardLoopoCodeFree
Browse and filter all 82

Every forms and inputs component, by system

Questions

Are form components free?

The Loopo input, select, search field, switch, checkbox and segmented control are free React components.

Do they include validation?

They are presentational. Pair them with React Hook Form or your own validation and pass error text through props.

Guides