Skip to content

Support prefix elements for primary button in Amplify UI React Native #6693

@fjmorant

Description

@fjmorant

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions