Back to blocks

Settings - Account

Account management with email, phone, and security settings

Installation

npx shadcn add @mylo-ui/settings-account

Preview

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