react-emoji-toggle-button
Version:
A flexible and reusable React package to use an emoji picker and connect it with a text input using Ref. Toggle emoji button for React apps.
24 lines (23 loc) • 1.11 kB
TypeScript
import { RefObject } from 'react';
import { PickerPosition } from '../utils/constants';
import { EmojiPickerClassNames, EmojiPickerConfig, EmojiPickerSizes, EmojiPickerStyles, ThemeConfig } from '../types';
interface IProps {
textInputRef: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
classNames?: EmojiPickerClassNames;
config?: EmojiPickerConfig;
initialCategory?: string;
onEmojiSelect?: (emoji: string) => void;
styles?: EmojiPickerStyles;
position?: PickerPosition;
theme?: "dark" | "light";
themeConfig?: ThemeConfig;
lang?: "ar" | "en";
enableRecentEmojis?: boolean;
sizes?: EmojiPickerSizes;
size?: "sm" | "md" | "lg";
enableTabsTitleEmoji?: boolean;
preventBadEmojis?: boolean;
badEmojiList?: string[];
}
declare const EmojiPickerButton: ({ textInputRef, classNames, config, initialCategory, onEmojiSelect, styles, position, theme, themeConfig, lang, enableRecentEmojis, sizes, size, enableTabsTitleEmoji, preventBadEmojis, badEmojiList, }: IProps) => import("react/jsx-runtime").JSX.Element;
export default EmojiPickerButton;