Options
All
  • Public
  • Public/Protected
  • All
Menu

Props for the PasswordForm component.

Required properties: onSavePress.

Allows you to customize ICodeProps, IEmailProps and IPasswordProps.

Hierarchy

Index

Properties

code

code: string | undefined

Current user input or undefined. Required.

Optional codeInputProps

codeInputProps: ICrossEditorProps | undefined

Optional props for the code input. Typically used to change the label prop.

Read more: https://crossplatformsweden.github.io/react-native-components/interfaces/_components_input_crosseditor_.icrosseditorprops.html

example

<ConfirmForm codeInputProps={{label: 'WouldntYouLikeToKnow'}}> Custom layouts here

Optional emailInputProps

emailInputProps: ICrossEditorProps | undefined

Optional props for the e-mail input. Typically used to change the label prop. See {@link ICrossEditorProps}

Optional initialEmail

initialEmail: string | undefined

Optional initial value for the e-mail input

Optional initialPassword

initialPassword: string | undefined

Optional initial value for the password input

Optional onCodeChanged

onCodeChanged: undefined | function

Optional callback for code changed. Contains code user entered

onEmailChanged

onEmailChanged: function

Occurs when the user inputs e-mail

Type declaration

    • (email: string | undefined): void
    • Parameters

      • email: string | undefined

      Returns void

onPasswordChanged

onPasswordChanged: function

Occurs when the user inputs password

Type declaration

    • (password: string | undefined): void
    • Parameters

      • password: string | undefined

      Returns void

onSavePress

onSavePress: function

Occurs when the user press "save" button. Required.

Type declaration

    • (): void
    • Returns void

Optional passwordInputProps

passwordInputProps: ICrossEditorProps | undefined

Optional props for the password input. Typically used to change the label prop. See {@link ICrossEditorProps}

Optional saveButtonProps

saveButtonProps: ICrossButtonProps | undefined

Optional props for the register button. Typically used to change the title prop.

Read more: https://crossplatformsweden.github.io/react-native-components/interfaces/_components_buttons_crossbutton_.icrossbuttonprops.html

example

<PasswordForm confirmButtonProps={{title: 'Enlist'}}> Custom layouts here

Optional testID

testID: string | undefined