Every interactive element needs a defined appearance for every state it can be in, and most designs specify only two.
FND·053UI foundation · Form and depth
Tag6 entries across 3 sections
focus
Entries tagged focus, drawn from across the library. Tags cut through the section structure, which is where most of the useful connections are.
Type
Category
Level
6 entries
Blocks everything else, which is why it should be reserved for things that genuinely cannot wait.
CMP·010Component · Overlays
A small panel anchored to a trigger, for interactive content that does not deserve a modal.
CMP·012Component · Overlays
Everything must be operable with a keyboard alone, which is the single most load-bearing accessibility requirement.
A11Y·002Accessibility · Operable
The visible marker showing where keyboard focus is, which must never be removed.
A11Y·003Accessibility · Operable
Deliberately moving focus when the interface changes, so keyboard and screen reader users are not stranded.
A11Y·004Accessibility · Operable