Typeahead Select#

Typeahead Select is a searchable select component. Behaves like a select component with searching for filtering.

Demo#

Just like a select element, the data submitted to the server will be the underlying value, not what the user sees. In this case, it's the abbreviation of the US state.

Usage#

<TypeaheadSelect 
  v-bind:name="'pricing-group'"
  v-bind:keyValues="keyValuesArray" 
  v-on:itemSelected="itemSelectedEventHandler" 
/>

The TypeaheadSelect component takes 3 properties. keyValuesArray is the array of items you want to populate the component with. itemSelectedEventHandler is the method where you would respond to when an item is selected. pricing-group is the name of the input so you can handle that on the server.

For more details on including RS Custom Components, refer to JavaScript section.