chec / ui-library

Chec UI library assets and components
https://chec-ui.netlify.app/
BSD 3-Clause "New" or "Revised" License
21 stars 6 forks source link

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

Open jaepass opened 3 years ago

jaepass commented 3 years ago

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

ScopeyNZ commented 3 years ago

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 commented 3 years ago
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.