We The Curious Developers

We The Curious Developers

  • Guidelines
  • CuriOs SDK
  • Software
  • Films
  • Art
  • Audio
  • Photography

›Components

Getting Started

  • Getting Started Overview
  • ClI
  • Working With Us

Technical

  • Hardware

Frames

  • Frames Overview
  • Info Panel
  • Media Browser
  • Touch to Start

Components

  • Components Overview
  • Box
  • Button
  • Card
  • Checkbox
  • Header
  • Heading
  • Hero
  • Icon
  • Text Input
  • Markdown Viewer
  • Modal
  • WTCProvider
  • Table
  • Text
  • Video Player
  • Calendar
  • Dropdown
  • InputAutoComplete
  • Radio
  • Sidebar
  • Slider
  • Notification
  • IconNavButton
  • IconSideBar
  • List
  • Tab
  • Title
  • Toggle
  • Value

InputAutoComplete component

An auto complete component with drop down list options

Install

npm i @wethecurious/wtc-ui-library

Usage

Import it into your project

import { InputAutoComplete } from '@wethecurious/wtc-ui-library'
<InputAutoComplete
  onSelect={action('selected')}
  label='Country'
  datalist={[
    {
      label: 'Australia',
      value: 'au'
    },
    {
      label: 'Austria',
      value: 'at'
    },
    {
      label: 'Azerbaijan',
      value: 'az'
    }
  ]}
/>

Props

PropDescriptionDefault
scaleSets the size of the input
isUseNativeUses native UI for mobile devices
onBlurCallback for on blur event
onFocusCallback for on focus event
onSubmitCallback for on submit event
onSelectCallback for on select event
isRequiredSet element input is required
datalistList of auto complete values
labelInput display label
Last updated on 5/8/2019
← DropdownRadio →
  • Install
  • Usage
    • Props
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Copyright © 2020 We The Curious