Atoms
Address Suggestion Input
Component that lists address suggestion according to what is written on the input.
Prop Name
Type
Description
onAddressDetails
( addressDetail: GooglePlaceDetail | GooglePlaceData, ) => void
Handler called when writing the address so the suggestions appear to select one
onError
() => void (optional)
Function called when an error occurs
<AddressSuggestionInput
onAddressDetails={onAddressDetails}
onError={onError}
/>
Indicator
Component used to indicate which part of an onboarding process the user is currently on.
Prop Name
Type
Description
activeColor
string
Color to display as the active indicator
inactiveColor
string
Color to display as the inactive indicator
activeIndex
number
Index for the active indicator
count
number
Count of the onboarding process
<Indicator
count={indicatorsLength}
activeColor={theme.color.action.tertiary[400]}
inactiveColor={theme.color.action.tertiary[100]}
activeIndex={currentScreen}
/>
Last updated
Was this helpful?