Line Item Message
You can edit 8 Components for free. Get premium for unlimited access.
A versatile component that you can use to display any content.
Figma
The Line Item Message component is used to display old or new messages from individuals or group chats.
1. Reference
This component inherits props from the Line Item Message.
2. Type
You can edit the type with the single or group parameter.
Image 2.1 : Type single
Image 2.2 : Type group
3. State
You can edit the state with the default or new parameter.
Image 3.1 : State default
Image 3.2 : State new
Jetpack Compose
This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.
🚧
Preview
Preview
Code
Name
17:32
Hello Thomas, we are happy to meet you!
DlLineItemMessage(
title: 'Name',
time: '17:32',
message: 'Hello Thomas, we are happy to meet you!',
)Usage
Add this code example to your project to see how the component works.
DlLineItemMessage(
title: 'Title',
time: '09:15',
message: 'Message',
avatar: DlAvatar(
size: DlAvatarSize.lg,
type: DlAvatarType.initials,
initials: 'DL',
),
showSeparator: true,
state: DlLineItemMessageState.newState,
badge: DlBadge(size: DlBadgeSize.md, value: '3'),
)API Reference
DlLineItemMessage is a message-list row component with avatar, title, time, and message preview, supporting default, new (with badge) and disabled state.
Examples
States
Preview
Code
Name
17:32
Hello Thomas, we are happy to meet you!
DlLineItemMessage(
title: 'Name',
time: '17:32',
message: 'Hello Thomas, we are happy to meet you!',
state: DlLineItemMessageState.newState,
badge: DlBadge(size: DlBadgeSize.md, value: '2'),
)Discover more content
You have questions or need help?
You want to try?
Save time and money?