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