Settings Panel

QA 100%

Preferences page with overline-headed sections of label-and-description rows and right-aligned switches, a theme segmented control, and save actions.

>npx @shavin/cli add @marcusvance/settings-panel

Preferences

Choose what WiseOwl tells you about and how the app looks on this device.

Notifications

Bill reminders

Two days before any bill or subscription is due.

Budget limits

When a category reaches 80% and 100% of its limit.

Large transactions

Any single charge over $250.00.

Weekly summary

A short recap every Sunday at 9:00 am.

Appearance

Theme

Follow your device or pick one.

Hide balances on open

Blur amounts until you tap them.

Block Specifications

Tags
#settings#preferences#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": "settings-panel"
}

Creator Profile

Marcus Vance

Marcus Vance

@marcusvance

Fullstack dev & open-source tinkerer. Building AI-first developer workflows.

Community Pioneer
Total Forks
640
Total Upvotes
1280
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