Back to blocksView all settings blocks


Installation
npx shadcn add @mylo-ui/settings-accountPreview
Account Settings
Manage your account credentials and security
Email Address
Update your email address
Verified
Phone Number
Add or update your phone number
Verified
Two-Factor Authentication
Add an extra layer of security to your account
Authenticator App
Not enabled
Danger Zone
Irreversible account actions
Usage
import { SettingsAccount } from "@/components/blocks/settings-account"
export default function Page() {
return <SettingsAccount />
}Dependencies
lucide-react
shadcn/ui Components
card
button
input
label
badge
separator
alert-dialog
Related Blocks
More settings blocks you might like

settings
Settings - Profile
User profile settings with avatar upload and personal information
Ready to use
/blocks/settings-profile
settings
Settings - Notifications
Notification preferences with email, push, and SMS controls
Ready to use
/blocks/settings-notifications
settings
Settings - Security
Security settings with password, 2FA, and session management
Ready to use
/blocks/settings-security