Skip to main content

LMChatStateBubble

File location
chat_bubble_state.dart

LMChatStateBubble displays the state of a chat message, such as informational messages or system events, inside a bubble with customizable styles.

Properties

  1. message (String)
    The message displayed within the state bubble.

  2. style (LMChatStateBubbleStyle?)
    Controls the appearance of the state bubble.

Note: These properties are only a subset. More can be found inside the widget class.


Styling

LMChatStateBubbleStyle

File location
chat_bubble_state.dart

LMChatStateBubbleStyle defines the appearance of the state bubble, including colors, borders, and alignment.

PropertyTypeDescriptionRequiredDefault
backgroundColorColor?Background color of the state bubbleNoTheme default
borderRadiusdouble?Border radius of the bubbleNo18.0
messageStyleLMChatTextStyle?Style for the message textNoInherited theme

Note: These properties are only a subset. More can be found inside the style class.


Example Usage

final stateBubble = LMChatStateBubble(
message: 'This message was deleted',
style: LMChatStateBubbleStyle(
backgroundColor: Colors.grey[300],
borderRadius: 18.0,
messageStyle: LMChatTextStyle(
textStyle: TextStyle(fontSize: 12, color: Colors.black),
),
),
);