LMFeedCreateEditPostMediaRenderer
LMFeedCreateEditPostMediaRenderer
handles the rendering of media content in post creation and editing interfaces. It manages the display and preview of images, videos, and other media attachments.
Props
Property | Type | Description | Optional |
---|---|---|---|
file | File | The media file to be rendered in the post | ✔️ |
attachment | Attachment | The attachment object containing media details | ✔️ |
ogTags | OgTag | Open Graph tags for link previews | ✔️ |
showVideoPoster | boolean | Controls visibility of video poster image | ✔️ |
posterImageFile | File | Thumbnail image file for video content | ✔️ |
CSS Classnames
Classname | Description |
---|---|
poll-preview-subheading-style | Subheading text styling in poll preview |
attachmentPdf__content--title | Title styling for PDF attachments |
postImgSlider__header | Header section of image slider |
poll-preview-title-parent | Container for poll title |
poll-preview-advance-options poll-preview-subheading-style | Advanced options styling in poll preview |
postImgSlider__header--cancelBtn | Cancel button in image slider header |
postImgSlider__header--addMore | Add more button in image slider header |
attachmentOGTag__content--icon | Icon styling for OG tag attachments |
attachmentPdf__content--url | URL display styling for PDF attachments |
poll-preview-title | Title text styling in poll preview |
poll-option-text-input poll-option-text-input-preview | Text input styling for poll options |
attachmentPdf | Container for PDF attachment display |
poll-preview-wrapper | Main wrapper for poll preview section |
lm-feed-create-post-media-item | Media item container in post creation |
poll-option-wrapper | Container for poll option elements |
postImgSlider | Main container for post image slider |
attachmentPdf__content | Content container for PDF attachments |
Example
To customise the component with their classnames, open your base CSS file and override the styles using the classname:
.poll-preview-subheading-style {
font-size: 18px;
color: "red";
}
Reference
For reference, check out this file