Component design principle: `active`

[juanca]

active is meant as "the current widget is on the page tab sequence"

This means either the actual node is on the page tab sequence or some child node.

e.g.

<Popover>
  <Calendar>
    <Button />
  </Calendar> 
  <Input />
</Popover>

Nothing is active thus nothing is on the page tab sequence (when we're dealing with managing page tab sequences).

However,

<Popover active>
  <Calendar>
    <Button />
  </Calendar> 
  <Input active />
</Popover>

This implies that the something within Popover is on the page tab sequence. And that something is something within Input. Probably a <input /> node.

[juanca]

@Bloodyaugust c&c requested.

[juanca]

Maybe it's better to illustrate with example of a grid?

[Bloodyaugust]

@juanca should also mention that "Active does not mean that a node is the document.activeElement, or have anything to do directly with user focus", since that was my confusion on the subject.