# 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](https://reactnative.dev/docs/pressable#props) used in message components like [`MessageContent`](/chat/docs/sdk/react-native/ui-components/message-content/). | `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`](/chat/docs/sdk/react-native/customization/custom_components/) and read internally via `useComponentsContext()`.


---

This page was last updated at 2026-04-17T17:33:45.984Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/ui-components/url-preview-compact/](https://getstream.io/chat/docs/sdk/react-native/ui-components/url-preview-compact/).