Auth Blocks

Sign-in, sign-up, and account flows — login forms, OTP/passcode entry, and password reset built on shadcn primitives.

Logout Dialog

Pro

A sign-out confirmation on the Motion Dialog. A warning badge springs in with a slow pulse ring and an arrow that keeps nudging out, the account email sits under the copy so it is clear which session is ending, and the footer is a full-bleed split by dividers: Stay signed in on the left, Sign out on the right. Sign out spins, flips to a green Signed out confirmation, then the dialog closes by itself and calls onSignOut.

pnpm dlx shadcn@latest add @ditherui/logout-dialog

Props

PropTypeDefault

emailstring"maya@acme.com"

onSignOut() => void— (called as the dialog closes)

triggerReactNodeoutline Sign out button

Suggested components

0
Active Agents
+3 today
0
Tasks Completed
+18% this week
0
Failed Tasks
No significant change
0.0K
Tokens Used
82% of monthly quota
Card BlocksMeeting, connector and score cards to drop into dashboards.
January 1970
MeetingDesignPersonalDeadline
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Calendar BlocksEvent calendars with color-coded entries.
No projects yet
Projects you create will show up here. Start with a blank one or import from a template.
Empty State BlocksFriendly empty states with a clear next step.

Auth Blocks

Logout Dialog

Props

Suggested components

No projects yet