Message Dock
You can edit 8 Components for free. Get premium for unlimited access.
A component for writing messages within a chat.
Figma
The MessageĀ Dock component is used to display the input field that can be used to write your own messages.
1. Reference
This component inherits props from the Message Dock.
2. Type
You can edit the state with the default or active parameter.
Image 2.1 : Type default
Image 2.2 : Type active
Jetpack Compose
The MessageDock component is used to display the input field that can be used to write your own messages.
1. Reference
This component inherits props from the Message Dock.
-
2. State
This component inherits props from the Message Dock.
Write a message...
state = MessageDockState.default,
text = ""
)
MessageDock(
state = MessageDockState.active,
text = "Message"
)
Preview
Preview
Code
DlMessageDock(
placeholder: 'Type a message...',
)Usage
Add this code example to your project to see how the component works.
DlMessageDock(
placeholder: 'Type a message...',
onIconPressed: () {
// left action (plus)
},
onSend: (text) {
// send text when right action is tapped
},
)APIĀ Reference
DlMessageDock is a chat-ready dock component with an optional separator, a clickable secondary action button, and an expanding message input that can send trimmed text via button.
Discover more content
You have questions or need help?
You want to try?
Save time and money?