aws-amplify / aws-amplify/amplify-ui

[FR] (Authenticator): Support dropdown in SignUp fields

Open
#1,952 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Authenticator feature-request
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.