Blocks

Settings - Billing

Billing settings blocks: plan overview with usage, a plan picker, invoice history and saved payment methods.

Billing blocks use placeholder data and local state. Wire the actions to your payment provider; none of them talk to a backend.

Plan Overview

Current plan, renewal date, usage meters, default card and billing email.

Monthly and annual toggle with radio plan cards and a computed summary.

Searchable invoice table with status badges, selection and downloads.

Saved cards with a default marker and an add card dialog.

Settings - Account

Profile, company, password, two-factor, sessions, danger zone, theme and language settings for a user account.

Settings - Layouts

Full settings page shells: sidebar navigation, header tabs, split label and input rows, and stacked cards.