You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on May 8, 2024. It is now read-only.
This package provides a higher-order component that wraps draft's Editor component and augments it with typeahead superpowers. One popular use for draft-js-typeahead is to add mentions to your editors.
draft-js-typeahead helps in three ways:
It figures out if and where the typeahead should be showing.
It keeps track of the typeahead's highlighted item.
It triggers a callback when an item is selected (by hitting return).
TypeaheadEditor is a react component that wraps draft's Editor.
It supports all of the same properties as the latter, as well as a few others:
onTypeaheadChange => (typeaheadState):
This method is called when the typeahead's visibility, position, or text changes. typeaheadState is an object with left, top, text, and selectedIndex properties. A typical callback sets typeaheadState on its own state and uses it to render an overlay in its component's render method. This method is also called when the typeahead is hidden by passing null to typeaheadState.
This method is called when an item in the typeahead is selected (by hitting return). A typical callback autocompletes the editor with the selected item and tags it with a draft entity.