dashboard pattern

Settings — account

Account profile fields: name, email, avatar, password.

When to use it

User updates personal information.

  • Single page, sectioned
  • Email change requires re-verification
  • Save per section, not whole page

Layout regions

  • header
  • sidebar
  • main

States

  • default
  • loading
  • success
  • error

Example

<DashboardLayout><Container><Stack size="6"><Card><CardHeader><CardTitle>Profile</CardTitle></CardHeader><CardContent>...</CardContent></Card><Card><CardHeader><CardTitle>Email</CardTitle></CardHeader>...</Card></Stack></Container></DashboardLayout>

The full Settings — account pattern specifies 2 exact microcopy strings, 1 motion spec, 4 composition rules — all gated behind the full recipe. Get the full recipe.

Build the Settings — account pattern in your project.