Settings

A settings panel assembled entirely from certified ui-lab components — a Radio Group, a Stepper, a Toggle Group, a Validated Field, and Switches. Like the Finder example it is a composition of verified primitives: there is no separate conformance spec for the panel, because each control is already certified by the @publictheta/ui-spec suite against two independent implementations. Where Finder shows a desktop shell, this shows an everyday forms-and-preferences surface built the same way.

Demo

Appearance

Theme

Light

Dark

System

Font size

Default text style

Account

Two-factor authentication

Notifications

Push

SMS

Every control is keyboard-operable and screen-reader labelled: the theme radios (Arrow keys, selection-follows-focus), the font-size spinbutton (Arrow/Home/End), the text-style toggle buttons (aria-pressed), the username field (accessible error messaging), and the notification switches.

Built from

Radio Group — theme selection
Stepper — font size
Toggle Group — default text style
Validated Field — username
Switch — two-factor and notification toggles