Skip to main content
Version: v5

Card

Component to render custom attachments within the MessageList. Please check the guides for Custom Attachment for basic usage.

Props#

overrides the value from MessagesContext
additionalTouchableProps#

Additional props provided to the underlying TouchableOpacity used by components within a message such as MessageContent.

Type
object

author_name#

Author name, to be rendered in footer of card.

Type
string

image_url#

URL of image to render as cover image for card. In absence of image_url, thumb_url will be used for cover.

Type
string

og_scrape_url#

URL to redirect to, when user presses on card.

Type
string

overrides the value from MessageContext
onLongPress#

Default long press handler for message UI.

Type
function

overrides the value from MessageContext
onPress#

Default press handler for message UI.

Type
function

overrides the value from MessageContext
onPressIn#

Default pressIn handler for message UI.

Type
function

text#

Text description for card, which will be rendered in footer of card.

Type
string

thumb_url#

Thumbnail URL for cover image.

Type
string

title#

Title for card, which will be rendered in footer of card

Type
string

overrides the value from MessagesContext
CardCover#

Component to render main body for Card component which renders custom type of attachment. Please check the guides for Custom Attachment.

Type
component

overrides the value from MessagesContext
CardFooter#

Component to render footer for Card component which renders custom type of attachment. Please check the guides for Custom Attachment.

Type
component

overrides the value from MessagesContext
CardHeader#

Component to render header for Card component which renders custom type of attachment. Please check the guides for Custom Attachment.

Type
component

overrides the value from ChatContext
ImageComponent#

Drop in replacement of all the underlying Image components within SDK. This is useful for the purpose of offline caching of images. Please check the Offline Support Guide for usage.

TypeDefault
componentImage

Did you find this page helpful?