Skip to content
Premium & Brand

Family Wallet

Family sign-in drawer: socials, email/phone/passkey, OTP, waiting orb, wallets.

Import

tsx
import { FamilyWallet } from "@cronus-ui/ui";
bash
npx cronus-ui add family-wallet

Examples

.cronus

No audit fixture declares this family in .cronus yet.

React onlyParity: Not portedParity scoreboard

API Reference

Generated from the component's exported types.

FamilyWalletLabels

Skip FamilyWalletLabels props table
PropTypeDefaultDescription
hint*
string——
trigger*
string——
signIn*
string——
close*
string——
back*
string——
email*
string——
phone*
string——
passkey*
string——
passkeyAction*
string——
passkeyWaiting*
string——
passkeyPrompt*
string——
continue*
string——
or*
string——
connectWallet*
string——
confirmEmail*
string——
confirmPhone*
string——
otpHint*
string——
verify*
string——
otp*
string——
noWallet*
string——
otherWallets*
string——
otherCount*
string——
emailPlaceholder*
string——
phonePlaceholder*
string——
wallets*
Record<FamilyWalletProvider, string>——
social*
Record<FamilyWalletSocial, string>——

FamilyWalletProps

Extends Omit< ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onAnimationEnd" | "onDrag" | "onDragStart" | "onDragEnd" >

Skip FamilyWalletProps props table
PropTypeDefaultDescription
ref
Ref<HTMLDivElement>—Ref forwarded to the underlying DOM node.
open
boolean—Controlled open state.
defaultOpen
booleanfalseUncontrolled initial open state.
onOpenChange
(open: boolean) => void—Called when the open state changes.
onSocial
(id: FamilyWalletSocial) => void——
onContinue
(method: FamilyWalletMethod, value: string) => void——
onVerify
(code: string) => void——
onWallet
(id: FamilyWalletProvider) => void——
labels
Partial<FamilyWalletLabels> & { wallets?: Partial<FamilyWalletLabels["wallets"]>; social?: Partial<FamilyWalletLabels["social"]>; }—Override default English strings.
className
string—Additional class names merged onto the root.
children
ReactNode—Contents of the component.
id
string—DOM id of the root element.