Family UI components examples

Family

Dark rounded pill toast with white checkmark icon and text confirming the authenticator app is now disabled.

• Notification Toast

Family

Dismissible light-blue card with title, short description and blue CTA button encouraging generation of a recovery code.

• Message

Family

Lists toggleable and actionable security preference rows for authenticator and recovery options

• Toggle/Switch

Family

Switches between token and collectible selection modes with integrated search

• Tabs

Family

Tabbed selector between tokens and collectibles with search and empty state illustration

• Empty state

Family

Vertical navigation menu listing account and wallet management sections

• Vertical navigation

Family

Displays a single connected crypto wallet summary with balance and opens a context menu for management actions

• Dropdown menu

Family

Lets users preview and change the background color of their emoji avatar during onboarding

• Color picker

Family

Popover menu offering choices to set an account avatar via emoji, icon, or image upload

• Dropdown menu

Family

Collects the 6-digit email verification code from the user

• Input code

Family

Displays multiple user testimonials with avatars and quotes for social proof on a marketing landing page

• Testimonial

Family

Displays a list of frequently asked questions with expandable items on a landing page

• FAQ