Tabs

Default / line · horizontal / vertical · keyboard focus and disabled

Dark

On page background

default · horizontal

Order list

default · vertical

Order list

line · horizontal

Order list

line · vertical

Order list

On card background

default · horizontal

Order list

default · vertical

Order list

line · horizontal

Order list

line · vertical

Order list

Arrow keys move focus; disabled tabs remain discoverable but cannot activate. Tab reaches the selected panel. Focus uses a 2px solid outline.

Back to StoryLite