UNPKG

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
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;