{"repo":"react-component/mentions","free":true,"listed":false,"github":"https://github.com/react-component/mentions","clone":"git clone https://github.com/react-component/mentions.git","description":"💬 React mentions textarea with searchable suggestions and keyboard navigation.","language":"TypeScript","stars":112,"topics":["ant-design","antd","javascript","react","react-component"],"license":"MIT","category":"ui-components","readme_excerpt":"@rc-component/mentions Part of the Ant Design ecosystem. 💬 React mentions textarea with searchable suggestions and keyboard navigation. English 简体中文 Highlights - Textarea mentions with prefix based search and selection. - Keyboard navigation for suggestion menus. - Data-driven options API and Option children API. - Multiple prefixes, custom filtering, custom validation, and split token support. - Built on @rc-component/input , @rc-component/menu , and @rc-component/trigger . Install The package is published as @rc-component/mentions . Legacy rc-mentions references should migrate to the scoped package name. Usage Import the styles from assets/index.less or the compiled CSS generated by npm run compile . Examples Run the local dumi site: Then open http://localhost:8000 . API Mentions Property Type Default Description ----------------- ---------------------------------------------------------- ------------- ----------------------------------------------- allowClear boolean \\ { clearIcon?: ReactNode } false Show a clear button for the textarea value. autoFocus boolean false Focus the textarea when mounted. autoSize boolean \\ { minRows?: number; maxRows?: number } - Auto resize textarea height. children ReactNode - Mentions.Option children. className string - Class name for the root element. classNames MentionsProps['classNames'] - Semantic class names for slots. defaultValue string - Initial value. direction 'ltr' \\ 'rtl' ltr Popup direction. filterOption false \\ (input: string,","default_branch":null,"files":null,"tree":[],"storefront":"/r/react-component","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react-component/mentions/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}