amplify-ui icon indicating copy to clipboard operation
amplify-ui copied to clipboard

Support prefix elements for primary button in Amplify UI React Native

Open fjmorant opened this issue 3 months ago • 1 comments

On which framework/platform would you like to see this feature implemented?

React Native

Which UI component is this feature-request for?

Authenticator

Please describe your feature-request in detail.

I’m using @aws-amplify/ui-react-native and I’d like to add a prefix element (for example, an icon or a short text) before the primary button label. A common use case is in authentication flows, where a button like "Resend" would ideally include a prefix such as "→" or an icon to improve clarity and match design guidelines.

Currently, I don’t see any documented way to add a prefix or start icon to the PrimaryButton. The component seems to only support plain text children.

Please describe a solution you'd like.

Image

I would like a prefix like in the image and to do that I propose to be able to pass a component for primary and secondary buttons like that we can make it flexible and for any Component in the Authenticator (SignIn, SignUp..)

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.

fjmorant avatar Sep 12 '25 12:09 fjmorant

Hello @fjmorant , thank you for creating this feature request. We will discuss it internally and provide an update.

Simone319 avatar Sep 12 '25 14:09 Simone319