URLPreviewCompact

URLPreviewCompact renders compact link previews for attachments when urlPreviewType="compact".

Best Practices

  • Use compact previews when message density is more important than rich previews.
  • Keep custom styles additive to preserve card layout and tap targets.
  • Use default press handlers for safe URL opening.
  • Provide a fallback when image URLs are missing.
  • Keep title/description text short for better truncation.

Props

Prop Description Type
attachment Attachment object used for preview content. object
additionalPressableProps Extra props passed to the underlying Pressable used in message components like MessageContent. object
onLongPress Default long press handler for message UI. function
onPress Default press handler for message UI. function
onPressIn Default pressIn handler for message UI. function
preventPress Disable press interactions. boolean
styles Style overrides for compact preview internals (container, cardCover, cardFooter, title, description, linkPreview, linkPreviewText). object

ImageComponent is provided through WithComponents and read internally via useComponentsContext().

Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.


Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat React Native v9: <Your Question>