Skip to Main Content

Pelican Design System icon Pelican Design System Form Validation

Form Validation

Best Practices

Form validation helps our users know they’ve given us appropriate information in form fields. Pelican builds in form validation styles but you’ll have to submit the data and run validation yourself. This page is a sample to show you how form validation will look.

  • Don’t rely on color alone to convery a form field’s state.
  • Pelican adds icons to help users distinguish between valid and invalid fields.
  • It’s best to validate the form before sending data to the server.

Usage

See the Pen Form Validation by LA Gov Design Team (@lagovdesignteam) on CodePen.

Resources

Page top