Account Settings

QA 100%

Tabbed account settings: a profile tab with avatar and editable details, a security tab and a notifications tab of switches. Use it as a page, or put it inside a Dialog for a modal version.

>npx @shavin/cli add @avinash/account-settings

Account settings

Manage your profile, sign-in and notifications.

At least 12 characters.

Mentions

When someone mentions you in a comment.

Review requests

When a teammate asks you to review a change.

Weekly digest

A summary of project activity every Monday.

Block Specifications

Tags
#settings#account#profile#tabs#app#form
Quality Score
Tokens:100%
A11y AAA:100%
Geometry:100%
Security:100%
View full scorecard breakdown
Verified BlockSemantic token compliant
Tokens
100%
A11y AAA
100%
Geometry
100%
Security
100%
Studio AST Serialization (BlockNode JSON)View JSON Tree
{
  "type": "BlockNode",
  "slug": "account-settings"
}

Creator Profile

Creator of @shavin/ui. Design systems architect & DX fanatic.

Core MaintainerVerified CreatorDesign QA Expert
Total Forks
4820
Total Upvotes
12450
View Full Profile & Blocks

More in auth

View Block

Sign In

Elena RostovaElena Rostova
View Block

Sign Up

Marcus VanceMarcus Vance
View Block

Forgot Password

Avinash BussaAvinash Bussa