• Version 2.14.0
  • Published
  • 76.8 kB
  • 7 dependencies
  • MIT license


npm i rc-mentions
yarn add rc-mentions
pnpm add rc-mentions


React Mentions



variable Mentions

const Mentions: any;


    interface MentionsProps

    interface MentionsProps extends BaseTextareaAttrs {}

      property autoFocus

      autoFocus?: boolean;

        property children

        children?: React.ReactNode;

          property className

          className?: string;

            property classNames

            classNames?: CommonInputProps['classNames'] & {
            mentions?: string;

              property defaultValue

              defaultValue?: string;

                property direction

                direction?: Direction;

                  property dropdownClassName

                  dropdownClassName?: string;

                    property filterOption

                    filterOption?: false | typeof defaultFilterOption;

                      property getPopupContainer

                      getPopupContainer?: () => HTMLElement;

                        property notFoundContent

                        notFoundContent?: React.ReactNode;

                          property onBlur

                          onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;

                            property onChange

                            onChange?: (text: string) => void;

                              property onFocus

                              onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;

                                property onSearch

                                onSearch?: (text: string, prefix: string) => void;

                                  property onSelect

                                  onSelect?: (option: OptionProps, prefix: string) => void;

                                    property open

                                    open?: boolean;
                                    • Testing usage. Do not use in prod. It will not work as your expect.

                                    property options

                                    options?: DataDrivenOptionProps[];

                                      property placement

                                      placement?: Placement;

                                        property prefix

                                        prefix?: string | string[];

                                          property prefixCls

                                          prefixCls?: string;

                                            property silent

                                            silent?: boolean;

                                              property split

                                              split?: string;

                                                property style

                                                style?: React.CSSProperties;

                                                  property transitionName

                                                  transitionName?: string;

                                                    property validateSearch

                                                    validateSearch?: typeof defaultValidateSearch;

                                                      property value

                                                      value?: string;

                                                        Package Files (2)

                                                        Dependencies (7)

                                                        Dev Dependencies (20)

                                                        Peer Dependencies (2)


                                                        To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                                                        You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/rc-mentions.

                                                        • Markdown
                                                        • HTML
                                                          <a href="https://www.jsdocs.io/package/rc-mentions"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>