kevinjhanna / Input Autocomplete
Licence: mit
Tiny react input component with autocomplete.
Stars: ✭ 110
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Input Autocomplete
Chakra Ui Autocomplete
An utility autocomplete UI library to use with Chakra UI
Stars: ✭ 77 (-30%)
Mutual labels: autocomplete
Multiselect
Vue 3 multiselect component with single select, multiselect and tagging options.
Stars: ✭ 92 (-16.36%)
Mutual labels: autocomplete
React Input Enhancements
Set of enhancements for input control
Stars: ✭ 1,375 (+1150%)
Mutual labels: autocomplete
React Places Autocomplete
React component for Google Maps Places Autocomplete
Stars: ✭ 1,265 (+1050%)
Mutual labels: autocomplete
R.objc
Get autocompleted resources like images, localized strings and storyboards in ObjC projects
Stars: ✭ 92 (-16.36%)
Mutual labels: autocomplete
Hallelujahim
hallelujahIM(哈利路亚 英文输入法) is an intelligent English input method with auto-suggestions and spell check features, Mac only.
Stars: ✭ 1,334 (+1112.73%)
Mutual labels: autocomplete
Vcli
Vertica CLI with auto-completion and syntax highlighting
Stars: ✭ 75 (-31.82%)
Mutual labels: autocomplete
Vue Places
Places component is based on places.js for Vue 2.x. Turn any <input> into an address autocomplete.
Stars: ✭ 106 (-3.64%)
Mutual labels: autocomplete
Autocomplete Swift
Autocompletion for Swift in NeoVim with deoplete.
Stars: ✭ 92 (-16.36%)
Mutual labels: autocomplete
Gql
Very simple CLI for many GraphQL schemas in the cloud. Provides autocompletion for GraphQL queries
Stars: ✭ 101 (-8.18%)
Mutual labels: autocomplete
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-22.73%)
Mutual labels: autocomplete
Downshift
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
Stars: ✭ 10,183 (+9157.27%)
Mutual labels: autocomplete
Codeeditor
A cool code editor library on Android with syntax-highlighting and auto-completion.
Stars: ✭ 84 (-23.64%)
Mutual labels: autocomplete
Tag Handler
Tag Handler is a jQuery plugin used for managing tag-type metadata.
Stars: ✭ 76 (-30.91%)
Mutual labels: autocomplete
Coc Angular
Angular Language Service coc extension for (neo)vim
Stars: ✭ 95 (-13.64%)
Mutual labels: autocomplete
Smartmaterialspinner
The powerful android spinner library for your application
Stars: ✭ 108 (-1.82%)
Mutual labels: autocomplete
React Autocomplete Input
Autocomplete input field for React
Stars: ✭ 100 (-9.09%)
Mutual labels: autocomplete
Input Autocomplete
Tiny react input component with HTML5-like autocomplete.
Why not HTML5 autocomplete?
Because HTML5 autocomplete only show options based on earlier user typed values.
Features:
- Autocomplete based only on given values.
- No styling. Style it yourself as a regular text input element.
- Tiny abstraction over input element.
- Typescript types.
Demo and examples
Live demo: kevinjhanna.github.io/input-autocomplete
Installation
npm install input-autocomplete --save
Usage
Uncontrolled input
import { InputAutocomplete } from 'input-autocomplete'
<InputAutocomplete
type='text'
autocompleteValues={['john lennon', 'john travolta']}
/>
Controlled input
import { InputAutocomplete } from 'input-autocomplete'
let state = {
name: ''
}
const handleOnChange = (ev) => {
state = {
name: ev.currentTarget.value
}
}
<InputAutocomplete
type='text'
autocompleteValues={['john lennon', 'john travolta']}
value={state.name}
onChange={handleOnChange}
/>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].