Skip to content
This repository has been archived by the owner on Oct 9, 2024. It is now read-only.

Option to have regular button with text and icon for options menu #480

Open
jaepass opened this issue Jul 10, 2021 · 2 comments
Open

Option to have regular button with text and icon for options menu #480

jaepass opened this issue Jul 10, 2021 · 2 comments
Labels
enhancement New feature or request

Comments

@jaepass
Copy link
Contributor

jaepass commented Jul 10, 2021

Example implementation would be for having two primary action buttons -

Screen Shot 2021-07-09 at 4 35 05 PM
Don't mind the popup menu placement here, was just testing

Robbie shared this button component as a ref https://getbootstrap.com/docs/5.0/components/dropdowns/#single-button

@jaepass jaepass added the enhancement New feature or request label Jul 10, 2021
@ScopeyNZ
Copy link
Contributor

In the case of the screenshot I think we should be using a split button (bootstrap example: https://getbootstrap.com/docs/5.0/components/dropdowns/#split-button).

Jaeriah pointed out that we sort of have this pattern with the merchant dropdown now - but I don't think it's a great example because the two buttons aren't very visually distinct. In saying that, they're not very visually distinct in Bootstrap either 🤷

@jaepass
Copy link
Contributor Author

jaepass commented Jul 14, 2021

Screen Shot 2021-07-14 at 1 31 45 PM

Screen Shot 2021-07-13 at 11 23 07 AM

Something like these examples might work, with a divider line between button copy and icon.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants