Field labels provide textual affordances and context for Odyssey's various inputs. Our UI Kit provides these labels alongside each component.
Please refer to individual components for complete documentation. These examples are provided for quick illustration.
Labels caption pieces of UI, typically form fields. They are required for all inputs. When related to sets of Radios or Checkboxes, they may also be referred to as "legends".
Keep labels to a word or two so users can quickly scan the form. Always use sentence casing.
# Field hint
Use field hints to provide context, formatting help, or other guidelines to the user. Do not use the placeholder attribute for these purposes.
Limit hints to a short sentence. If additional context is required, it should be provided outside the Field.
# Error messages
Invalid fields should include an inline message to explain the error.
If possible, describe how the error may be resolved.
# Optional fields
Odyssey assumes inputs are required by default. Optional labels should be used to indicate when data is not required for the user to complete a task.