YuhuanStudioYunUIDocs
Patterns

Account Locked Card

A full-screen card for terminal account-locked auth screens (banned or suspended).

A full-screen card for terminal "your account is locked" auth screens (banned or suspended). It is presentational only — the host owns the logout/redirect behind onBack, and an optional onMount callback runs once so background auth probes can't bounce the user back into a loop.

Import

tsx
1import { AccountLockedCard } from "@yuhuanowo/yunui/patterns";

Example

onBack and onMount are functions, which can't cross the server→client boundary in MDX, so the example below is rendered from a small client wrapper.

AccountLockedCard

YunUIYunUI

Account suspended

Your account has been temporarily locked.

If you think this is a mistake, contact support.

Props

PropTypeDefaultDescription
appeal*string—
appName*string—
backLabel*string—
icon*ReactNode—
loadingbooleanfalse
logoSrcstring/favicon.ico
onBack*() => void—
onMount(() => void)—Run once on mount. Yunxin uses this to drop the (now-useless) session via api.logout() so background auth probes can't bounce the user back into a loop on these terminal screens.
subtitle*string—
title*string—

On this page