Message
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Message component is used to display your own or third-party messages within a chat.
1. Reference
This component inherits props from the Message.
2. Type
You can edit the type with the message or ownMessage parameter.
Image 2.1 : Type message
Image 2.2 : Type ownMessage
3. State
You can edit the state with the response or single parameter.
Image 3.1 : State single
Image 3.2 : State response
4. Author
You can edit the author with the true or false parameter.
Image 4.1 : Author false
Image 4.2 : Author true
SwiftUI
The DLMessage component is used to display your own or third-party messages within a chat.
1. Reference
This component inherits props from the Message.
-
-
-
2. Type
You can edit the type with the .message or .ownMessage parameter.
author: "Thomas",
message: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
time: "3:00 PM",
type: .message,
state: .single
)
DLMessage(
message: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
time: "3:00 PM",
type: .ownMessage,
state: .single
)
2. State
You can edit the state with the .response or .single parameter.
author: "Thomas",
message: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
time: "3:00 PM",
type: .message,
state: .response(name: "Andrew", message: "Lorem ipsum dolor sit amet.")
)
DLMessage(
message: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
time: "3:00 PM",
type: .ownMessage,
state: .response(name: "Andrew", message: "Lorem ipsum dolor sit amet.")
)
Jetpack Compose
The Message component is used to display your own or third-party messages within a chat.
1. Reference
This component inherits props from the Message.
-
-
-
2. Type
You can edit the type with the .message or .ownMessage parameter.
2. State
You can edit the state with the .response or .single parameter.
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?
You want to try?
Save time and money?