You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This task is intended to create a base OnboardLayout component which should be reused in all Onboarding screens.
We can check on Figma designs (image below) that all Onboarding screens have the below consistent similarities:
Background color (fixed)
Screen padding (fixed)
Avatar on top left corner with custom icon
Display title with custom copy
Continue/Submit button with custom title
(optional) Footnote custom copy
(optional) Back/Cancel button
The OnboardLayout component interface should comply to those UI properties. It should also implement the KeyboardAvoidingView (or some other applicable solution) so that the content reacts accordingly when the keyboard shows up.
Suggested interface:
<OnboardLayout
icon={<Icon.PasscodeLock />}
title="Choose a Password"
submitButtonTitle="Continue"
onSubmit={goToNextScreen}
footnote="We cannot recover your password for you. Make sure you keep this in a safe place."
cancelButtonTitle="Go back"
onCancel={goToPreviousScreen}
>
{children}
<OnboardLayout />
The text was updated successfully, but these errors were encountered:
This task is intended to create a base
OnboardLayout
component which should be reused in all Onboarding screens.We can check on Figma designs (image below) that all Onboarding screens have the below consistent similarities:
The
OnboardLayout
component interface should comply to those UI properties. It should also implement the KeyboardAvoidingView (or some other applicable solution) so that the content reacts accordingly when the keyboard shows up.Suggested interface:
The text was updated successfully, but these errors were encountered: