Form

v1.0.0

A collection of styles for labels, hint text, inline error messages, fieldsets and spacing for form controls.

Released

History
View changes
Install
npm i @gold.au/form
Tags
Requires
Contributors
  • Andrew Arch avatar picture
  • Sarah Pulis avatar picture
  • Adam Zerella avatar picture
  • Raj Ghuman avatar picture

Fieldset reset

Fieldset elements with default styling are rendered differently on different browsers. To achieve cross-browser consistency the default browser styles for fieldset are removed.

Label positioning

Labels are best placed above the form field as opposed to right or left aligned labels. There are several advantages of this approach:

  • label length does not affect form field placement
  • faster completion rates
  • reduces the number of fixations (easier to scan)

Related components

Feedback