Document

Overview

LMDocument is a component designed for rendering document attachments within a post or media feed. It provides the ability to display information about the document, such as the filename and size, and includes functionality to handle document downloads or view actions. This component can be customized to display various document types and offers user interactions for document-related actions, such as opening or removing the document.

GitHub File:

• LMDocument

Styling Customisations

These customisations can be applied through the setPostListStyles method on the STYLES class

Property	Type	Description
documentIcon	LMIconProps	Customization for the document icon.
defaultIconSize	number	Default size of the document icon.
showPageCount	boolean	Whether to display the page count of the document.
showDocumentSize	boolean	Whether to show the size of the document.
showDocumentFormat	boolean	Whether to display the format (file type) of the document.
documentTitleStyle	TextStyle	Style for the document title text.
documentDetailStyle	TextStyle	Style for the document detail text (e.g., size or format).
documentViewStyle	ViewStyle	Style for the overall document view container.
onTap	Function	Function to trigger when the document is tapped.
showCancel	boolean	Whether to show the cancel button for the document view.
onCancel	Function	Function to trigger when the cancel button is pressed.
showMoreText	boolean	Whether to display additional text, such as "Show More".
showMoreTextStyle	TextStyle	Style for the "Show More" text.
cancelButton	CancelButton	Object to customize the cancel button (see table below).

CancelButton Object

Property	Type	Description
text	LMTextProps	Customization for the text in the cancel button.
icon	LMIconProps	Customization for the icon in the cancel button.
onTap	Function	Function triggered when the cancel button is tapped.
placement	start or end	Position of the icon or text in the cancel button.
buttonStyle	ViewStyle	Style for the cancel button container.
isClickable	boolean	Determines if the cancel button is clickable.

Usage Example

import {STYLES} from "@likeminds.community/feed-rn-core"

STYLES.setPostListStyles({
    media: {
        document: {
            defaultIconSize: 20,
            documentIcon: {
                iconUrl: "asset/url",
                iconStyle: {
                    backgroundColor: 'black'
                }
            }
        }
    }
})