0.0.7 • Published 11 months ago
gosu-dropdown v0.0.7
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 |