Back to blocksView all settings blocks
Installation
npx shadcn add @mylo-ui/settings-securityPreview
Security Settings
Manage your account security and sessions
Change Password
Update your password regularly for better security
Two-Factor Authentication
Add an extra layer of security
Authenticator App
Use an authenticator app to generate codes
SMS Recovery
Receive codes via SMS
Enabled
Active Sessions
Manage your active login sessions
Chrome on MacOS
Current
San Francisco, CA • Active now
Safari on iPhone
San Francisco, CA • 2 hours ago
Firefox on Windows
New York, NY • 3 days ago
Usage
import { SettingsSecurity } from "@/components/blocks/settings-security"
export default function Page() {
return <SettingsSecurity />
}Dependencies
lucide-react
shadcn/ui Components
card
button
input
label
badge
separator
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-profilesettings
Settings - Account
Account management with email, phone, and security settings
Ready to use
/blocks/settings-accountsettings
Settings - Notifications
Notification preferences with email, push, and SMS controls
Ready to use
/blocks/settings-notifications