aws-amplify / aws-amplify/amplify-ui
[FR] (Authenticator): Support dropdown in SignUp fields
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.1k
- Forks
- 347
- Avg merge
- 18h 29m
- Merged PRs (30d)
- 9
Description
On which framework/platform would you like to see this feature implemented?
Angular
Which UI component is this feature-request for?
Authenticator
Please describe your feature-request in detail.
Hello
I already included the nickname as a required field in the sign up form but by default is a text field. Can I use a drop down list for that?
this is my code
public formFields = {
signIn: {
username: {
labelHidden: false,
//placeholder: 'Enter Your Email Here',
isRequired: true,
label: 'Email:'
},
password: {
labelHidden: false,
//placeholder: 'Enter Your Email Here',
isRequired: true,
label: 'Contraseña:'
},
},
signUp: {
phone_number: {
labelHidden: false,
label: 'Celular *:',
dialCode: "+57",
isRequired: true
},
password: {
labelHidden: false,
label: 'Contraseña *:',
placeholder: 'Ingrese Contraseña'
},
username: {
labelHidden: false,
//placeholder: 'Enter Your Email Here',
isRequired: true,
label: 'Email:'
},
confirm_password: {
hint: "Mínimo 8 caracteres, con mayúscula, minúscula y caracter especial. Ejemplo: ( '!', '¡', '$')",
labelHidden: false,
label: 'Repetir Contraseña *:',
placeholder: 'Confirmar Contraseña'
},
family_name: {
labelHidden: false,
label: 'Nombre:',
placeholder: 'Ingresar Nombre',
order: 1,
isRequired: true
},
address: {
labelHidden: false,
label: 'Ciudad:',
placeholder: 'Ingresar Ciudad',
isRequired: true
},
nickname: {
labelHidden: false,
label: 'Profesión:',
placeholder: 'Ingresar Profesión',
isRequired: true
}
}
};
Please describe a solution you'd like.
Use the nickname field as a dropdown list in the sign up form
We love contributors! Is this something you'd be interested in working on?
- 👋 I may be able to implement this feature request.
- ⚠️ This feature might incur a breaking change.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue identifies the Angular Authenticator sign-up form and its nickname field, but names no repository files or tests. Begin by locating the Angular Authenticator form-field rendering and configuration, then determine how a dropdown's choices should be supplied. Done means the nickname field can render as a dropdown without breaking existing sign-up fields.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- authentication, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100