Variants/state properties: default, focus, filled, error, disabled; helper text как nested/optional; примеры в док-странице с правилами, когда какое состояние.
Разбор
- Не оставляйте ошибку только цветом — текст и иконка.
- Focus кольцо отдельно от brand border.
- Согласуйте с a11y (описание ошибки).
- Контентные свойства для сообщений об ошибке.
Итог
Состояния формы — часть API компонента, обязательная для handoff.
Figma · middle · сложность 4