Summary
Introduce an ErrorText primitive for field validation messaging.
Intended role in Lattice
ErrorText provides consistent styling for error messages without owning validation logic.
Proposed API
as: React element type (default p)size: xs | smtone: critical | warning
Variants
size: xs | smtone: critical | warning
Non-goals
- Does not manage validation or error state.
- Does not automatically connect to inputs.
States
- Default only (non-interactive).
Accessibility checklist
- Non-interactive; no keyboard behavior required.
- Consumers should link to inputs via
aria-describedby and set aria-invalid on inputs.
Summary
Introduce an
ErrorTextprimitive for field validation messaging.Intended role in Lattice
ErrorTextprovides consistent styling for error messages without owning validation logic.Proposed API
as: React element type (defaultp)size:xs | smtone:critical | warningVariants
size:xs | smtone:critical | warningNon-goals
States
Accessibility checklist
aria-describedbyand setaria-invalidon inputs.