Top Navigation 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 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.

Prop
Type
Default
type
single
group
md
iconRight
true
false
true

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

SwiftUI

The DLTopNavigationMessage component is used to display the title area of ​​a chat.

1. Reference

This component inherits props from the Top Navigation Message.

Prop
Type
Default
type
.single
.group
.single
title
"text"

-

description
"text"

-

iconRight
"icon"

-

2. Type

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

avatar-img
Chat name
avatar-img
2
Chat name
Andrew Doe, Matthew Black
DLTopNavigationMessage(
type: .single,
title: "Chat name",
description: nil){
/// - icon left action
} iconRightAction: {
/// - icon right action
}

DLTopNavigationMessage(
type: .group,
title: "Chat name",
description: "Andrew Doe, Matthew Black, Lisa Smith"){
/// - icon left action
} iconRightAction: {
/// - icon right action
}

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