Skip to main content Skip to docs navigation

Contextual feedback components that communicate information, success confirmations, warnings, or errors to users in response to their actions.

This documentation is a work in progress and may contain incomplete or outdated information. If you have any feedback or suggestions, please open an issue on GitHub.

Props

Configurable properties that control the appearance, behavior, and functionality of message components for conversational communication and messaging interface management.

Chat Message

Properties that define the visual state and interactive behavior of individual message elements within messaging systems and conversational interfaces.

Message example image Message example image

type variant

Controls the message presentation format and spatial organization based on message origin and conversation context within messaging interfaces.

  • sent
  • received
  • group

is-final variant

Controls the appearance configuration and contextual indicators of the message element based on message sequence and conversation flow requirements.

  • true
  • false

has-sender boolean

type:
received, group

Controls the visibility of sender identification elements that provide user context and message origin information within conversational displays.

  • true
  • false

is-shared boolean

Controls the visibility of forwarding indicators that identify messages shared from other conversations or external sources within the messaging context.

  • true
  • false

has-embed boolean

Controls the visibility of embedded content elements that provide rich media integration and contextual information within message displays.

  • true
  • false

has-text boolean

Controls the visibility of text content elements that provide the primary message communication within conversational interfaces.

  • true
  • false

status -> type variant

type:
sent

Controls the status presentation format and delivery state communication of the message status element based on transmission and read confirmation requirements.

  • pending
  • delivered
  • seen

embed -> type variant

has-embed:
true

Controls the content presentation format and media integration approach of the embedded item based on content type and contextual requirements.

  • image
  • reply
  • image-reply

embed -> has-text boolean

has-embed:
true
embed:type:
image

Controls the visibility and presentation of textual content that provides supporting information and context within embedded media displays.

  • true
  • false

Message Form

Properties that define the visual state and input functionality behavior of message creation interfaces within messaging systems.

Message example image Message example image

type variant

Controls the input interface configuration and feature set availability of the message form based on messaging requirements and user interaction patterns.

  • basic
  • attachment
  • disabled

Chat Status

Properties that define the visual state and conversation status behavior of chat-level indicators within messaging interfaces.

Message example image Message example image

type variant

Controls the chat status presentation format and conversation state communication based on overall chat context and user activity indicators.

  • compact
  • detailed
  • emphasized