Properties for the CognitoLogin component.

Allows customization and provides the onLoggedIn event.

### Hierarchy

- ICognitoLoginProps

## Index

### Properties

- cancelButtonProps
- emailInputProps
- loginButtonProps
- onLoggedIn
- passwordInputProps
- phoneInputProps
- registerButtonProps
- saveButtonProps

## Properties

### Optional cancelButtonProps

cancelButtonProps: ICrossButtonProps | undefined

- Defined in login/components/CognitoLogin.tsx:62

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'}}> <Text>Custom layouts here</Text> </CognitoLogin>

### Optional emailInputProps

emailInputProps: ICrossEditorProps | undefined

- Defined in login/components/CognitoLogin.tsx:96

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

### Optional loginButtonProps

loginButtonProps: ICrossButtonProps | undefined

- Defined in login/components/CognitoLogin.tsx:50

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'}}> <Text>Custom layouts here</Text> </CognitoLogin>

### Optional onLoggedIn

onLoggedIn: undefined | function

- Defined in login/components/CognitoLogin.tsx:38

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

### Optional passwordInputProps

passwordInputProps: ICrossEditorProps | undefined

- Defined in login/components/CognitoLogin.tsx:101

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

### Optional phoneInputProps

phoneInputProps: ICrossEditorProps | undefined

- Defined in login/components/CognitoLogin.tsx:91

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

- Defined in login/components/CognitoLogin.tsx:86

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'}}> <Text>Custom layouts here</Text> </CognitoLogin>

### Optional saveButtonProps

saveButtonProps: ICrossButtonProps | undefined

- Defined in login/components/CognitoLogin.tsx:74

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'}}> <Text>Custom layouts here</Text> </CognitoLogin>