Settings

Navegación por secciones junto a una columna de formulario, la forma que tiene toda página de ajustes.

Settings

Manage your account and how the product behaves.

Profile

How you appear to other people in the workspace.

Changing this sends a confirmation to the new address.

Notifications

Each of these is a separate decision, so each gets its own row.

Someone names you in a comment or a thread.

One summary on Monday instead of a message a day.

New features and the occasional deprecation notice.

La disposición

Una lista estrecha de secciones a la izquierda y una sola columna de formulario a la derecha, con cada grupo separado en vez de encajonado. Escala a más secciones sin rediseñar nada.

Código del layout

TypeScript
Cargando el editor…

La disposición, con los datos de ejemplo en arrays planos al final. Cámbialos por los tuyos y la plantilla deja de ser un ejemplo.

Los layouts se quedan sin marca a propósito: sin degradados, sin logotipos, sin fotos de stock y sin nada traído de terceros. Si buscas una sección terminada en vez de una forma que rellenar, la galería de bloques es la otra pestaña.