react-mention-input
Version:
A React component for input with @mention functionality.
52 lines (51 loc) • 1.59 kB
TypeScript
import React, { CSSProperties, ReactNode } from "react";
import "./ShowMessageCard.css";
interface MessageCardProps {
[key: string]: any;
}
interface ShowMessageCardProps {
data: MessageCardProps[];
nameKey?: string;
dateKey?: string;
commentKey?: string;
imgSrcKey?: string;
imageUrlKey?: string;
objectNameKey?: string;
revisionKey?: string;
objectTypeIconKey?: string;
containerClassName?: string;
containerStyle?: CSSProperties;
cardClassName?: string;
cardStyle?: CSSProperties;
headerClassName?: string;
headerStyle?: CSSProperties;
imgClassName?: string;
imgStyle?: CSSProperties;
infoClassName?: string;
infoStyle?: CSSProperties;
nameClassName?: string;
nameStyle?: CSSProperties;
dateClassName?: string;
dateStyle?: CSSProperties;
bodyClassName?: string;
bodyStyle?: CSSProperties;
commentClassName?: string;
commentStyle?: CSSProperties;
attachedImageClassName?: string;
attachedImageStyle?: CSSProperties;
attachedImageContainerClassName?: string;
attachedImageContainerStyle?: CSSProperties;
objectNameClassName?: string;
objectNameStyle?: CSSProperties;
revisionClassName?: string;
revisionStyle?: CSSProperties;
objectChipRender?: (objectData: {
objectName?: string;
revision?: string;
objectTypeIcon?: string;
item: MessageCardProps;
}) => ReactNode;
renderItem?: (element: MessageCardProps) => ReactNode;
}
export declare const ShowMessageCard: React.FC<ShowMessageCardProps>;
export {};