JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 351
  • Score
    100M100P100Q98373F
  • License ISC

| Name | Type | Description | | --------------------------- | -------------------- | ----------- | | options | array | | selectedOption | string | | onChange | function | | customContainerStyle | string | | buttonLabel | string | | buttonIndicator | boolean | | buttonArrow | 'single' or 'double' | | customButtonStyle | string | | customButtonIndicatorStyle | string | | checkedButtonIndicatorStyle | string | | customOptionListStyle | string | | customOptionStyle | string | | selectedOptionIcon | any | | selectedOptionStyle | string |

Package Exports

  • react-kiwi-dropdown

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-kiwi-dropdown) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

alt text react-kiwi-dropdown

A minimal, easy-to-use and highly adjustable dropdown component made with React and styled-components.

Props

There's only two required props, options and onChange.

Name Type Description
options array An array containing option objects*
selectedOption string The currently selected value
onChange function Function to call on change
customContainerStyle template string Custom styles to component container
buttonLabel string Button text
buttonIndicator boolean Show selected indicator on button
buttonArrow 'single' or 'double' Arrow style, single or double
customButtonStyle template string Custom button style
customButtonIndicatorStyle template string Custom button indicator style
checkedButtonIndicatorStyle template string Custom button indicator style when checked
customOptionListStyle template string Custom option list style
customOptionStyle template string Custom option object style
selectedOptionIcon any Custom icon for selected option
selectedOptionStyle template string Custom option object style for selected option

Option object

Name Type Description Required
value string Option value required
text string Option display text required
icon any Any component