Workspace settings

Runnable example using the same fields, actions, locale and theme as the guide.

Form workflow

Edit a draft, then apply it. The table changes only after a successful save.

Live previewTry the fields. Apply saves this preview to the table below.

Example workspace● Notifications on

ColorReady

TypographyReady

SurfacesReady

Simulated save resultLocal example · no server or permanent storage.

Native field usage

<label>Workspace name
  <input className="field"
    aria-invalid={hasError}
    aria-describedby="name-error" />
</label>
<p id="name-error">Error message</p>

Readable data

Item	Status	Updated
Color	Ready	9 Sept 2026
Typography	Ready	9 Sept 2026
Surfaces	Draft	9 Sept 2026