aws-amplify / aws-amplify/amplify-ui

FR (Authenticator): Dismiss button for modal variant

Open
#4,824 6 comments 1 reaction 0 assignees View on GitHub
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?

React

### Which UI component is this feature-request for?

Authenticator

### Please describe your feature-request in detail.

I was looking to have a dismiss button on the Authenticator and couldn't figure out how to add it

That's my best shot :)
It works except the double border between component and the additional box

![image](https://github.com/aws-amplify/amplify-ui/assets/62673610/2aef8f3f-7f29-4558-abd8-50e248c5d04f)

### Please describe a solution you'd like.

Is it possible to make it prettier with current design and override capabilities?

Would it make sense to add the cancel button as part of the component itself?

Thank you!

### 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

Research direction

Start by reviewing the React Authenticator's modal variant and its current design and override capabilities. The issue does not name files or tests; completion would require an agreed dismiss-button behavior and a polished result without the reported double border.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.