Skip to content

Typeahead class names (auto-completion)

Description

Provides options to override default Typeahead classes:

  • input - Added to input that's initialized into a typeahead. Defaults to tt-input.
  • hint - Added to hint input. Defaults to tt-hint.
  • menu - Added to menu element. Defaults to tt-menu.
  • dataset - Added to dataset elements. to Defaults to tt-dataset.
  • suggestion - Added to suggestion elements. Defaults to tt-suggestion.
  • empty - Added to menu element when it contains no content. Defaults to tt-empty.
  • open - Added to menu element when it is opened. Defaults to tt-open.
  • cursor - Added to suggestion element when menu cursor moves to said suggestion. Defaults to tt-cursor.
  • highlight - Added to the element that wraps highlighted text. Defaults to tt-highlight.

Source: https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#class-names

Examples

typeahead: {
    classNames: {
        input: 'typeahead-input',
        hint: 'typeahead-hint',
        selectable: 'typeahead-selectable'
    }
}

See also

top

Funnelback logo
v15.12.0