IT Tools

Handy tools for developer

Compare Texts

WebView Playground

ReactJS Playground

Json Web Tokens

Regular Expressions

Image Crop

Color Picker

QR Code

Generate Text

Generate API Response

JSON Formatter

Number Converter

Random Wheel

Ctrl + K

Autocomplete

Preview

Show code

<Autocomplete
  placeholder="Input animal"
  disabled={false}
  value={animal}
  onChange={setAnimal}
  options={[
    "Cat",
    "Dog",
    "Zebra",
    "Bird",
    "Snake",
    "Frog",
    "Elephant",
    "Buffalo",
    "Mouse",
    "Tiger",
    "Lion",
  ]}
/>

Docs

Name	Description	Default	Control
value	Input value	-
options	Options of Autocomplete	[]	-
placeholder	Placeholder of Autocomplete	-
className	Wrapper class name	-	-
inputWrapperClassName	Input wrapper class name	-	-
inputClassName	Input class name	-	-
optionsWrapperClassName	Options list wrapper class name	-	-
optionClassName	Item option class name	-	-
disabled	Disabled status	false	falsetrue
onChange	Change event of Autocomplete	-	-

IT Tools

Tools

UI Components

Autocomplete

Preview

Docs