Forms & Fields

Forms are usually the main source of information on a typical website. They're how a user signs up, logs in, fills in their data, completes an address, checks out an order on an e-commerce site, and so on. A good form needs to be easy for the user to fill out — every UX detail matters. This demo will show some of what a good form actually needs: different form models, field types and when to use each one, design patterns, masks, validation, helper text, accessibility, progress that survives a page refresh, file uploads, a text editor, and more.