Top Navigation Message
You can edit 8 Components for free. Get premium for unlimited access.
...
Figma
The Top Navigation Message component is used to display the title area of ​​a chat.
1. Reference
This component inherits props from the Top Navigation 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. iconRight
You can edit the iconRight with the true or false parameter.
Image 3.1 : iconRight true
Image 3.2 : iconRight false
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
DlTopNavigationMessage(
title: 'Chat name',
)Usage
Add this code example to your project to see how the component works.
DlTopNavigationMessage(
title: 'Chat name',
showSeparator: true,
avatar: DlAvatar(
size: DlAvatarSize.xs,
type: DlAvatarType.initials,
initials: 'DL',
),
iconLeft: DlPlaceholderIcon(),
iconRight: DlPlaceholderIcon(),
onIconLeftTap: () {
// handle left action
},
onIconRightTap: () {
// handle right action
},
)APIÂ Reference
DlTopNavigationMessage is an top navigation header with optional clickable left/right action slots, a left-aligned center content area, customizable avatar/icon widgets, and an optional bottom separator.
Discover more content
You have questions or need help?
You want to try?
Save time and money?