Key Benefit: Enable rich content creation and engagement with comprehensive post components supporting text, media, polls, mentions, link previews, and advanced accessibility features across all platforms.
Feature Overview
The Post Components UIKit provides a complete suite of tools for post creation, editing, and content management. From rich media posts and interactive polls to advanced features like @mentions, link previews, and accessibility support, these components create the foundation for engaging social content experiences.Text & Media Posts
Create rich content with text, images, and videos. Support for optional titles, mentions, hashtags, and multiple attachments.
Interactive Polls
Engage users with text or image-based polls. Users can change/remove votes with customizable duration and multiple selections.
Livestream Posts
Real-time livestreaming with interactive chat and reactions, available in Livestreaming post in a community.
Engagement & Comments
Inline comments, reactions, @mentions, and real-time interaction tracking for active discussions.
Sharing & Discovery
Shareable deep links, link previews, hashtags, and gallery-to-post linking for better content discovery.
Management & Moderation
Post editing, content moderation tools, and comprehensive management for all post types.
Platform Support
| Feature | iOS | Android | React | React Native | Flutter |
|---|---|---|---|---|---|
| Create Text, Image, Video Post | ✅ | ✅ | ✅ | ✅ | ✅ |
| Edit Text, Image, Video Post | ✅ | ✅ | ✅ | ✅ | ✅ |
| Create Livestream Post | ✅ | ✅ | ❌ | ✅ | ❌ |
| Community Livestream with chat and reaction | ✅ | ✅ | ✅ | ❌ | ❌ |
| Create Poll Post | ✅ | ✅ | ✅ | ❌ | ✅ |
| Create Image Poll Post | ✅ | ✅ | ✅ | ❌ | ❌ |
| Update Poll Answer | ✅ | ✅ | ✅ | ❌ | ❌ |
| Report Post | ✅ | ✅ | ✅ | ✅ | ✅ |
| Comments & Reactions | ✅ | ✅ | ✅ | ✅ | ✅ |
| Recent Comment preview | ✅ | ✅ | ✅ | ❌ | ❌ |
| Mention | ✅ | ✅ | ✅ | ✅ | ✅ |
| Link Preview | ✅ | ✅ | ✅ | ✅ | ✅ |
| Brand User Post | ✅ | ✅ | ✅ | ❌ | ✅ |
| (Optional) Post title | ✅ | ✅ | ✅ | ❌ | ❌ |
| Hashtag | ✅ | ✅ | ✅ | ❌ | ❌ |
| Sharable Links | ✅ | ✅ | ✅ | ❌ | ❌ |
| Ads | ✅ | ✅ | ✅ | ✅ | ❌ |
| Alt text for Image Post | ✅ | ✅ | ✅ | ❌ | ❌ |
| Url Preview Removal | ✅ | ✅ | ✅ | ❌ | ❌ |
| Product Mentions in Text | ✅ | ✅ | ✅ | ❌ | ❌ |
| Product Tags on Media | ✅ | ✅ | ✅ | ❌ | ❌ |
| Product Carousel Display | ✅ | ✅ | ✅ | ❌ | ❌ |
| Edit Product Tags | ✅ | ✅ | ✅ | ❌ | ❌ |
Post Types & Features
Post Types
Post Types
Supported Content Types
- Text Posts: Rich text content with optional post titles and free-form hashtags for better discoverability
- Rich Media Posts: Images and videos with enhanced display, and alt text support
- Livestream Posts: Livestreaming with interactive chat and reactions
- Poll Posts: Interactive polls with voting and real-time results
- Text-only polls with multiple choice options
- Image polls with visual voting options (supported on iOS, Android, React)
- Vote management - users can change or remove their poll votes
Engagement Features
Engagement Features
User Interaction Capabilities
- Reactions: Multiple sentiment expressions
- Inline Comments: Threaded conversations displayed directly under posts on feeds for improved engagement
- Mentions: @username functionality with notifications and user discovery
- Sharing: Content distribution with shareable deep links for posts
- Poll Voting: Interactive voting with the ability to change or remove votes before poll closes
Advanced Features
Advanced Features
Enhanced Functionality
- Post Titles: Optional titles for better post organization and context
- Free-form Hashtags: Add hashtags anywhere in post content for improved content discovery and categorization
- Shareable Deep Links: Generate and share direct links to specific posts for seamless navigation
- Link Preview: Automatic metadata extraction and display for URLs shared in posts
- Gallery-to-Post Linking: Community gallery media is linked to original posts, providing full context when viewing images
- Brand User: Professional/admin posting capabilities with enhanced visibility
- Accessibility: Comprehensive alt text support for images ensuring inclusive content
- Moderation: Content reporting and management for community safety
Product Tagging
Product Tagging
Commerce Integration & Product Discovery
- Text Product Mentions: Tag products in post captions using
@trigger with product suggestion overlay for easy discovery - Media Product Tags: Tag products directly on images and videos with coordinate-based positioning to highlight specific items
- Product Search: Real-time product search with debounce (300ms) for seamless product discovery
- Multi-select Support: Select multiple products per post (maximum 20 products combined across text and media)
- Product Carousel Display: View all tagged products in a scrollable carousel below post content
- Product Links: Tap products to open in in-app browser without interrupting social experience
- Edit Product Tags: Add, remove, or modify product tags on existing posts while maintaining engagement metrics
- Per-Media Limits: Support per-media tagging with individual product limits (max 5 products per media item)
- Product Tag Indicator: Visual indicator on media thumbnails showing count of tagged products
- Context-Aware Headers: Different labels for product display based on content type (post vs image/video)
Implementation Guide
- Post Detail Page
- Post Content Component
- Post Composer
- Media Attachments
- Poll Components
Complete post viewing experienceThe Post Detail Page displays comprehensive post information, including content, engagements, and comments.
Features
| Feature | Description |
|---|---|
| Engagement Options | Users can like, comment, and interact with posts directly from this page |
| Content Display | Full post content with media, polls, and interactive elements |
| Comment Integration | Integrated comment tray for discussions |
Customization Options
| Config ID | Type | Description |
|---|---|---|
post_detail_page/*/* | Theme | You can customize page theme |
post_detail_page/*/back_button | Element | You can update back button icon |
post_detail_page/*/menu_button | Element | You can update menu button icon |
Code Examples
Navigation Behavior
Product Tagging
Product tagging enables commerce integration within posts, allowing users to tag products in text and media, and viewers to discover and open tagged products directly from a post.
Product tagging requires the Product Catalog to be configured and enabled for your network in the console. The feature is available on iOS, Android, and Web only.
How It Works
Text Mentions
Type
@ in the post caption to trigger a suggestion overlay with a Products tab. Selecting a product inserts it as a single token — backspace removes the entire mention.Media Tags
Each image or video in a post has its own tag entry point. Tap the tag button on a media item to open the product picker for that item.
Product Carousel
All tagged products are displayed in a scrollable list below the post content — in both the feed and post detail view.
In-App Browser
Tapping a product opens its link in an in-app browser, keeping users within the app.
Limits & Constraints
| Limit | Value |
|---|---|
| Max products per post | 20 (combined across text mentions and media tags) |
| Max products per media item | 5 |
| Platforms supported | iOS, Android, Web |
Components Used in Posts
Product tagging in posts uses two shared UIKit components. See Product Tagging Components for full parameter reference and code examples.| Component | Used for |
|---|---|
ProductTagSelectionComponent | Searching and selecting products (via create or edit mode) |
ProductTagListComponent | Displaying tagged products below post content (via post, image, or video render mode) |
ProductTagSelectionComponent is opened from the Post Composer Page — either from the @ mention flow in the text editor, or from the tag button on a media attachment. The ProductTagListComponent is rendered automatically within Post Detail and feed views when a post has tagged products.
Related Features
Social Feeds
Content Display Feed components for displaying and organizing posts
Comments & Reactions
Engagement Features User interaction and engagement components
Communities
Community Features Community management and participation tools
Product Tagging Components
Commerce Integration Shared UIKit components for product selection and display