Account Settings

Profile and notification preferences in a structured settings layout.

Account Settings

Profile

Update your personal information

Notifications

Manage your notification preferences

Security Settings

Password management and two-factor authentication controls.

Security

Change Password

Update your password regularly to keep your account secure

Two-Factor Authentication

Add an extra layer of security to your account

Appearance Settings

Theme and display preferences for customizing the user interface.

Appearance

Theme

Choose between light and dark mode

Language

Select your preferred language

Usage

<SettingsLayout title="Account Settings"> <div> <h3>Profile</h3> <p>Update your personal information</p> <Input label="Display Name" placeholder="John Doe" /> </div> <div> <h3>Notifications</h3> <Checkbox label="Email notifications" /> </div></SettingsLayout>

Props

PropTypeDefaultDescription
titletext"Settings"Heading text at the top of the layout
childrencontent-Settings sections, each in its own container