Atoms

List of Atoms

• Address Suggestion Input

• Indicator

Address Suggestion Input

Description

Component that lists address suggestion according to what is written on the input.

Props

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

Usage

<AddressSuggestionInput
   onAddressDetails={onAddressDetails}
   onError={onError}
/>

Component

Address Suggestion Input

Indicator

Description

Component used to indicate which part of an onboarding process the user is currently on.

Props

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

Usage

<Indicator
   count={indicatorsLength}
   activeColor={theme.color.action.tertiary[400]}
   inactiveColor={theme.color.action.tertiary[100]}
   activeIndex={currentScreen}
 />

Component

Indicator