Line Item Message

PRO

You can edit 8 Components for free. Get premium for unlimited access.

Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.

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.

Prop
Type
Default
type
single
group
single
state
default
new
default

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

SwiftUI

The DLineItemMessage 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.

Prop
Type
Default
type
.single
.group
.single
state
.normal
.new
.normal
name
"text"

-

message
"text"

-

avatar
"image"

-

otherAvatar
"image"

-

count
"text"

-

time
"text"

-

2. Type

You can edit the type with the .single or .group parameter.

avatar-img

Name

17:32

Hello Thomas, we are happy to meet you!

avatar-img
avatar-img

Name

17:32

Hello Thomas, we are happy to meet you!

DLLineItemMessage(
input: DLLineItemMessageInputModel(
name: "Name",
message: "Hello Thomas, we are happy to meet you!",
avatar: "img_avatar",
time: "17:32"
)
)

DLLineItemMessage(
input: DLLineItemMessageInputModel(
name: "Name",
type: .group,
message: "Hello Thomas, we are happy to meet you!",
avatar: "img_avatar",
otherAvatar: "img_avatar",
time: "17:32"
)
)

3. State

You can edit the state with the .normal or .new parameter.

avatar-img

Name

17:32

Hello Thomas, we are happy to meet you! See you in Lungard.

avatar-img

Name

17:32

Hello Thomas, we are happy to meet you!

2
DLLineItemMessage(
input: DLLineItemMessageInputModel(
name: "Name",
message: "Hello Thomas, we are happy to meet you!",
avatar: "img_avatar",
time: "17:32"
)
)

DLLineItemMessage(
input: DLLineItemMessageInputModel(
name: "Name",
state: new,
count: 2,
message: "Hello Thomas, we are happy to meet you!",
avatar: "img_avatar",
time: "17:32"
)
)

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.

🚧

React Native

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.

🚧

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Get Pro Version