Settings section^pattern

A titled group of settings and how it saves.

Patterns

Examples

Copy the code into a product and change the content – the layout and tokens carry over.

Shown to people you invite to review.

A titled group of settings: what it is on the left, the fields on the right, saved together.

Changes save as you make them.

New comments

On screens you own.

Sign-off requests

When a client asks you to sign off.

Switches that save at once need no Save button.

Group settings by what they're about, each group with a title and one line of description.
Say how it saves. A group of text fields saves together with a Save changes button; switches save at once and need no button.
Confirm a save with a toast; show errors next to the field.
Dangerous settings (delete account, transfer ownership) go last, in their own group, behind an Alert dialog.