Select
is an element that provides a space where the user can select a value from a list of options.
Option selection handler
-
onChange
: triggered when a different option is selected
Press handlers
-
onPressIn
: triggered when the component is pressed -
onPressOut
: triggered when the component is no longer pressed
Focus-like handlers
-
onFocus
: triggered when the component gets the focus -
onBlur
: triggered when the component loses the focus
These map to the same corresponding props in Web and in React Native.
Raw type definitions
export type TSelectProps = {
id?: string
isDisabled?: boolean
isHidden?: boolean
color?: string
family?: string
weight?: number
size?: number
lineHeight?: number
letterSpacing?: number
firstNoneSelectableOption?: string
paddingBottom?: number
paddingLeft?: number
paddingRight?: number
paddingTop?: number
shouldStretch?: boolean
value: string
zIndex?: number
onChange: (newValue: string) => void
onFocus?: () => void
onBlur?: () => void
onPressIn?: () => void
onPressOut?: () => void
}