React Dropdown

Gosu React Dropdown is a simple React dropdown component

Installation

If you're using npm, in the command prompt run:

npm install gosu-dropdown --save

If you're using yarn, run:

yarn add gosu-dropdown

Usage

To use the component, first import Dropdown into your file:

import Dropdown from "gosu-dropdown";

const options = [
  { key: '1', value: <div>🇺🇸 English</div>, label: <div>🇺🇸</div>  },
  { key: '2', value: <div>🇵🇱 Polski</div>, label: <div>🇵🇱</div>  },
  { key: '3', value: <div>🇺🇦 Україньскою</div>, label: <div>🇺🇦</div>  },
]

<Dropdown
  defaultSelectedKey="1"
  listPlacement="bottomRight"
  options={options} />

Props

Property	Type	Default	Description
options	Array	[]	{key: string, value: string, label?: string }
onChange	function	undefined
listPlacement	string	bottomCenter	bottomCenter, bottomLeft, bottomRight
caretColor	styles	undefined	#000
placeholder	styles	undefined	'Select option'
defaultSelectedKey	number	string	Any key from options
isOpen	boolean	undefined	Needs for development, if you want add custom style
styleRoot	styles	undefined	Custom style for Root
styleTrigger	styles	undefined	Custom style for Trigger
styleOption	styles	undefined	Custom style for Option
styleList	styles	undefined	Custom style for List