Chatwoot UI components examples

Chatwoot

A user settings and navigation menu within an application interface.

• Dropdown menu

Chatwoot

• Datepicker

Chatwoot

A message composition modal with fields for recipient, sender, and a rich text editor.

• Rich text editor

Chatwoot

A contact management interface displaying a list of contacts and an empty state message with a call to action to add new contacts.

• Empty state

Chatwoot

• Upgrade your plan

Chatwoot

A settings page displaying channel preferences with toggle switches for various communication features.

• Toggle/Switch

Chatwoot

User interface for configuring sender name options for business communication.

• Radio button

Chatwoot

An interface for selecting agents with a search input, a selected chip, and a 'no results found' message.

• Input tag

Chatwoot

A vertical stepper component guiding the user through a four-step integration and setup process for a communication platform.

• Stepper

Chatwoot

• Dropdown menu

Chatwoot

A filter and sort popover with a status selection dropdown menu.

• Dropdown menu

Chatwoot

A modal window displaying a list of keyboard shortcuts for an application.

• Modal