Options
All
  • Public
  • Public/Protected
  • All
Menu

Properties for the CognitoLogin component.

Allows customization and provides the onLoggedIn event.

Hierarchy

  • ICognitoLoginProps

Index

Properties

Optional cancelButtonProps

cancelButtonProps: ICrossButtonProps | undefined

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

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

example

<CognitoLogin cancelButtonProps={{title: 'Disengage'}}> 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 loginButtonProps

loginButtonProps: ICrossButtonProps | undefined

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

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

example

<CognitoLogin loginButtonProps={{title: 'Engage'}}> Custom layouts here

Optional onLoggedIn

onLoggedIn: undefined | function

Occurs when the user was successfully logged in and contains the resulting user.

Optional passwordInputProps

passwordInputProps: ICrossEditorProps | undefined

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

Optional phoneInputProps

phoneInputProps: ICrossEditorProps | undefined

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

Optional registerButtonProps

registerButtonProps: 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

<CognitoLogin registerButtonProps={{title: 'Enlist'}}> Custom layouts here

Optional saveButtonProps

saveButtonProps: ICrossButtonProps | undefined

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

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

example

<CognitoLogin saveButtonProps={{title: 'Warp'}}> Custom layouts here