Settings Form

An account settings page with profile fields, notification toggles, and security options.

Settings

Manage your account preferences.

Profile

Update your personal information.

First name

Last name

Timezone

Notifications

Control how you receive notifications.

Email notifications

Receive emails about your account activity.

Marketing emails

Receive emails about new features and updates.

Security

Manage your account security settings.

Two-factor authentication

Add an extra layer of security to your account.

Password

This block uses the following components. Add any you don't have yet:

npx radk add button card input label select separator switch

import { SettingsFormBlock } from "@/components/blocks/settings-form"

<SettingsFormBlock />

The notification and security toggles use local state. Connect them to your backend by calling your update API inside the onCheckedChange handlers.