Settings Form

A composed settings form with validation copy, toggles, and save actions.

Project settings

Draft settings
Changes are staged locally in this example.
Visible to everyone in the workspace.
Used in notification footers.
Used for new resources.
tsx
<Field label="Project name" id="project-name" required>
  <TextField id="project-name" value="Lui Admin" required />
</Field>