react-mention-input
Version:
A React component for input with @mention functionality.
42 lines (41 loc) • 1.29 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;
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;
renderItem?: (element: MessageCardProps) => ReactNode;
}
export declare const ShowMessageCard: React.FC<ShowMessageCardProps>;
export {};