Module

React.Basic.ReactSelect

Package
purescript-react-select-basic
Repository
lumihq/purescript-react-select-basic

#SelectOption Source

type SelectOption additionalData = { label :: String, value :: String | additionalData }

#SelectProps Source

type SelectProps additionalData props = (className :: String, filterOptions :: Array (SelectOption additionalData) -> Array (SelectOption additionalData), id :: String, name :: String, noResultsText :: String, optionRenderer :: SelectOption additionalData -> JSX, placeholder :: String, searchable :: Boolean, style :: CSS | props)

#SingleChangeCallback Source

type SingleChangeCallback eff additionalData = EffFn1 eff (Nullable (SelectOption additionalData)) Unit

#MultiChangeCallback Source

type MultiChangeCallback eff additionalData = EffFn1 eff (Nullable (Array (SelectOption additionalData))) Unit

#singleSelect Source

singleSelect :: forall additionalData eff rest_ rest. Union rest rest_ (SelectProps additionalData (onChange :: SingleChangeCallback eff additionalData)) => ReactComponent { options :: Array (SelectOption additionalData), value :: String | rest }

Basic single-select picker

#multiSelect Source

multiSelect :: forall additionalData eff rest_ rest. Union rest rest_ (SelectProps additionalData (onChange :: MultiChangeCallback eff additionalData)) => ReactComponent { options :: Array (SelectOption additionalData), value :: Array String | rest }

Basic multi-select picker

#asyncSingleSelect Source

asyncSingleSelect :: forall additionalData eff rest_ rest. Union rest rest_ (SelectProps additionalData (onChange :: SingleChangeCallback eff additionalData)) => ReactComponent { loadOptions :: String -> Promise eff { options :: Array (SelectOption additionalData) }, value :: String | rest }

Single-select picker which loads options asynchronously

#asyncMultiSelect Source

asyncMultiSelect :: forall additionalData eff rest_ rest. Union rest rest_ (SelectProps additionalData (onChange :: MultiChangeCallback eff additionalData)) => ReactComponent { loadOptions :: String -> Promise eff { options :: Array (SelectOption additionalData) }, value :: Array String | rest }

Multi-select picker which loads options asynchronously