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

Buttons with icons + text integrated

Open vogues opened this issue 2 years ago • 1 comments

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

React

Which UI component is this feature-request for?

Other

Please describe your feature-request in detail.

most mobile apps have buttons with icons/symbols to show it takes the user to a new page.

Please describe a solution you'd like.

in addition to text buttons, having the ability for a button to contain an icon L/R/C justification with text.

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.

vogues avatar Jul 30 '22 08:07 vogues

Hi @vogues, This is currently already possible by passing an icon component alongside your button text as children. See button docs. Example below:

        <Button>
          <IconSave /> Save
        </Button>

Note: IconSave can be your own Icon component or any React compatible icon library

Is this the functionality you were looking for?

reesscot avatar Aug 01 '22 17:08 reesscot

@vogues Please let us know if the solution @reesscot has provided worked for you or not. Feel free to reopen the issue if you are still having trouble.

Milan-Shah avatar Sep 30 '22 14:09 Milan-Shah