yahoo/jafar

Add classes to the default FieldView

開放

#36 建立於 2020年2月23日

 (0 則留言) (0 個反應) (0 位負責人)JavaScript (9 個分叉)auto 404
enhancementgood first issuehelp wantedquestion

倉庫指標

星標
 (109 顆星)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

We should add classes to the default FieldView (in react-form) to indicate fields statues.

Question to figure before implementing: should we use aria- instead? And is all the alternative aria-* relevant for non input elements such a container div? is there a better way to describe this on the DOM?

To the root div of the field

  • jafar-field (always exists)
  • jafar-required (only if required=true)
  • jafar-empty (only if empty=true)
  • jafar-disabled (only if disabled=true)
  • jafar-invalid (only if invalid=true)
  • jafar-dirty (only if dirty=true)

To the div that wraps the component

  • jafar-component

To the div that wraps the error

  • jafar-error

To the header

  • jafar-header

To the div that wraps the label

  • jafar-label

To the div that wraps the description

  • jafar-description

To the div that wraps the asterisk of the required

  • jafar-required-indicator

貢獻者指南