question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Customization for individual fields in `signUpFields` prop

See original GitHub issue

Is your feature request related to a problem? Please describe. Currently, I am using withAuthentificator component for the Sign In and Sign Up process. During Sign Up process, I want to ask the user for a custom attribute which I added to the signUpFields prop like so:

{
  label: 'Account Type (contractor | client)',
  key: 'custom:userType',
  required: true,
  displayOrder: 6,
  type: 'string',
}

As you can see, I would like to offer the user two options for this field: contractor or client. With the current implementation, the user is allowed to type anything as there is no validation that happens whatsoever.

Describe the solution you’d like A great solution to this would be the ability to turn this input into a dropdown so users can only select what is available or a less nice way of doing this would be to add a regex validation to the field. This won’t be the desired solution, but at least would make the sign up process a little bit more accurate.

Describe alternatives you’ve considered I am also aware there is a way to customize the signup screen and to implement custom inputs as described in the documentation here. But, I think there is a better way to achieve this without going through a whole customization process.

Additional context I understand I might be a little greedy and lazy 😁 and want withAuthentificator to offer more options, but I think it’s a good feature to consider or at least to start a conversation around. Thanks for all the work you guys do, really appreciate it! 😊

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:2
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
calebpollmancommented, Apr 19, 2022

@andrei-zgirvaci You are correct that the new Authenticator is only available for React and not React Native. We are currently working to bridge that gap by adding a new React Native Authenticator that will have a similar API to what we have for React, allowing for greater customization. Will reopen this ticket in the meantime

1reaction
ericclemmonscommented, Oct 27, 2021

That’s my mistake! Re-opening & tagging as React Native.

The API for React Native should look pretty similar.

@ashika01 @calebpollman Should we keep this issue in the UI repo or migrate it to JS for the next aws-amplify-react-native release?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Customization | Amplify UI for React
The authenticator allows a custom order of sign up fields on the Sign Up page. Order is determined by a formFields prop that...
Read more >
How to Add Custom Sign up Fields in the Sign Up Form
Set a default value for the specific custom field, if needed. 4. Choose whether you wish to add the user's input as a...
Read more >
Additional fields for a custom Sign up form - Auth0 Community
I am just looking for a way to add additional sign up fields to my form, to be sent to the backend. An...
Read more >
how to add custom signup fields to react-firebase
The createUserWithEmailAndPassword() method returns a Promise<firebase.auth.UserCredential> object. The uid property is nested inside the ...
Read more >
Use seller properties to create custom signup forms in ...
And if you have different membership tiers for individual and professional ... multimerch seller properties signup fields registration.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found