Skip to content

role navigation

Breadcrumb draft v0.1.0

Shows where the current page sits in a hierarchy, with a link to each level above it.

A breadcrumb lists the pages above the current one, from the top of the hierarchy down, each as a link, and ends with the current page, which is not a link. It tells people where they are and lets them go up one or several levels in one activation. It is a navigation landmark of its own, separate from the main navigation.

States matrix

Every option of each styling property against every declared state, per part when states belong to parts. Properties whose options combine in one component token path are crossed: one table per combination of the others. States are forced with data-state, so what you see is exactly what the CSS defines, independent of the pointer. A column header names the inputs or platforms a state belongs to; states without a web rendering are listed under the table.

Part item

One level: its link (or the current page) and, except for the last, a separator. Takes the states of its link.

By size

Size defaulthoverpointerfocus-visiblekeyboardcurrent
small
medium