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.Content Creation
Rich Post Creation
- Text, image, and video posts
- Interactive poll creation
- Media attachment workflows
- Post target selection
Post Management
Content Management
- Post editing capabilities
- Content detail views
- Engagement features
- Moderation tools
Advanced Features
Enhanced Interactions
- @Mention functionality
- Link preview generation
- Brand user support
- Accessibility compliance
Media & Attachments
Rich Media Support
- Image and video attachments
- File upload capabilities
- Alt text for accessibility
- Media preview components
Platform Support
Feature | iOS | Android | React | React Native | Flutter |
---|---|---|---|---|---|
Create Text, Image, Video Post | ✅ | ✅ | ✅ | ✅ | ✅ |
Edit Text, Image, Video Post | ✅ | ✅ | ✅ | ✅ | ✅ |
Create Poll Post | ✅ | ✅ | ✅ | ❌ | ✅ |
Report Post | ✅ | ✅ | ✅ | ✅ | ✅ |
Comments & Reactions | ✅ | ✅ | ✅ | ✅ | ✅ |
Mention | ✅ | ✅ | ✅ | ✅ | ✅ |
Link Preview | ✅ | ✅ | ✅ | ✅ | ✅ |
Brand User Post | ✅ | ✅ | ✅ | ❌ | ✅ |
Ads | ✅ | ✅ | ✅ | ✅ | ❌ |
Alt text for Image Post | ✅ | ✅ | ✅ | ❌ | ❌ |
Post Types & Features
Post Types
Post Types
Supported Content Types
- Text Posts: Rich text content with optional attachments
- Rich Media Posts: Images and videos with enhanced display
- Poll Posts: Interactive polls with voting and real-time results
Engagement Features
Engagement Features
User Interaction Capabilities
- Reactions: Emoji-based sentiment expression
- Comments: Threaded conversations and replies
- Mentions: @username functionality with notifications
- Sharing: Content distribution across communities
Advanced Features
Advanced Features
Enhanced Functionality
- Link Preview: Automatic metadata extraction and display
- Brand User: Professional/admin posting capabilities
- Accessibility: Alt text support for images (WCAG 2.1 compliant)
- Moderation: Content reporting and management tools
Implementation Guide
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
Component Management Strategies
Content Creation Flow
Content Creation Flow
Designing intuitive creation experiencesPlan your post creation flow by considering user context and target audience selection. Design clear pathways from content creation to media attachment and publishing, ensuring users can easily express themselves through various content types.
Media Management
Media Management
Optimizing media workflowsImplement efficient media upload and processing workflows. Consider file size limits, format support, and accessibility features like alt text. Design intuitive media attachment interfaces that support multiple content types.
Engagement Optimization
Engagement Optimization
Driving user interactionUse post components strategically to encourage engagement. Implement clear call-to-actions for reactions, comments, and sharing. Design poll components to foster community participation and discussion.
Best Practices
Content Creation UX
Content Creation UX
Creating intuitive posting experiencesDesign clear, accessible interfaces for content creation with progressive disclosure of advanced features. Provide helpful guidance for media uploads, alt text, and audience selection. Ensure posting flows are mobile-optimized and respect platform conventions.
Accessibility Implementation
Accessibility Implementation
Ensuring inclusive content creationImplement comprehensive accessibility features including alt text for images, keyboard navigation support, and screen reader compatibility. Follow WCAG 2.1 guidelines for content creation interfaces and provide clear labeling for all interactive elements.
Performance Optimization
Performance Optimization
Ensuring smooth content experiencesImplement efficient media upload and processing with appropriate compression and formatting. Use progressive loading for post content and optimize image/video display for different screen sizes and connection speeds.
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
Implementation Strategy: Start with AmityPostDetailPage and AmityPostContentComponent for displaying posts, then add AmityPostComposerPage for creation workflows. Integrate media attachment components and poll features based on your community engagement goals.