Settings screen

An account's settings: section navigation beside a long form, tabs across it, a table of keys, and a dialog that asks before it deletes one.

The shell recipe frames it and a sidebar holds the section list. Inside, tabs switch between the three parts of the account; the profile is a stack of fields with hints and one error; the keys are a striped table with an affix to mint a new one, and each row's delete opens the dialog. Every state is native: the tabs, the switch, the dialog's focus and Escape.

Drag the box's corner to see the page at any width, or open the page on its own. It is written with nothing but Yeti's classes and attributes, and every element on it is validated against the manifest the way each demo on this site is.