component-recipe:
  id: field
  anatomy: [persistent-label, control, optional-help, validation-message]
  states: [default, focus-visible, disabled, invalid, valid]
  rules:
    - placeholder는 레이블을 대체하지 않는다.
    - 오류는 색과 함께 텍스트 및 의미 연결을 제공한다.
    - 도움말과 오류의 id 연결을 유지한다.