Beside UI components examples

Beside

Lists privacy and compliance settings with toggle controls and descriptions

• Toggle/Switch

Beside

Displays quick actions for managing the selected phone number line in the inbox sidebar

• Dropdown menu

Beside

Displays welcome message, prompt suggestions, and input field for starting an AI conversation about notes and calls

Beside

Displays a prompt to connect an email account for AI draft reply suggestions

• Message

Beside

Lets user configure which incoming texts trigger AI replies

• Input select

Beside

Vertical navigation menu listing AI Receptionist configuration sections grouped by category

• Vertical navigation

Beside

Displays hierarchical navigation path from Settings to current Profile section with clickable parent link.

• Breadcrumb

Beside

Modal form for entering phone number, name, and email to create a new contact

• Modal

Beside

Displays empty inbox message with tab navigation when no chats exist

• Empty state

Beside

Vertical sidebar menu providing access to main app sections, user profile, search, and secondary links in an empty inbox view

• Vertical navigation

Beside

Prompts user to verify identity to continue messaging and calling

• Message

Beside

Presents selectable AI voice profiles with language flags, traits, and preview controls for onboarding selection

• Radio button