Spaces is a community where you can showcase your interactive prototypes Sign up

auto-complete search 3,986

Type the first character of topics from to see the auto-complete.
(a-z, 2,3). Use ESC to hide the dropdown.

Uses a variable to capture the content of the search field then uses the javascript method
"{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed.

see video of how to create this step-by-step in the webinar:

character selection

Thanks to Costas Thoma for the model.

Todd Siegel
Share 150 5
Published August 16th, 2017 in Content, Interactive, Input

Comments (2)

You must be signed in to join the conversation.
7df751bb-8b7b-11ee ab6d-0e76797a4f7b @victoria.cao · Aug 22, 2022
It was really helpful thanks Todd
kennedi avelino @ken.avelino · Nov 6, 2017
Hi, how did you manage to achieve the autocomplete prototype?

More by Todd View all

Staff picks