Skip to content

service-grid

Contract: docs/contract/components/service-button.md in the repository. renderServiceGrid(options) renders a list of service links, each an icon and a label that opens in a new tab: a port of the Shared app’s SharedButton, with its radius, padding, nav surface and shadow, icon size and label gap as tokens. The grid keeps the web’s flow (as many 14.6rem columns as fit, exactly two below the phone breakpoint). A service with no href renders the unavailable form: not focusable, announced disabled, its foreground dimmed. Icons are black glyphs, inverted in the dark scheme the page resolves. Every fixture below renders in light and dark; six also at 390px.

six · light
six · dark
two · light
two · dark