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

Dropdown component

A Dropdown component

Install

npm i @wethecurious/wtc-ui-library

Usage

Import it into your project

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

Props

PropDescriptionDefault
isSelectMultipleAllows user to select multiple valuesfalse
isSearchableAllows user to search values
isOpenSets the open status of the Dropdown
onBlurCallback triggered on blur
onFocusCallback triggered on focus
onSelectCallback triggered on select
scaleSets the size of the component
datalistArray of data values
Last updated on 5/8/2019
← CalendarInputAutoComplete →
  • 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