search

AgnosticUI / agnosticui

AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte.
https://agnosticui.com
Apache License 2.0
724 stars 47 forks source link

Button Radio Groups #195

Open roblevintennis opened 2 years ago

roblevintennis commented 2 years ago

Essentially, this is a group of buttons that act as radios. We should:

  1. Take the current button groups we have and provide this functionality
  2. Add some styles variations that make sense and add a bit of "wow factor".

Here are some ideas for inspiration…

We did these at Ethos: https://github.com/getethos/ethos-design-system/tree/master/src/components/ButtonSelectGroup

image Easy to see play with by visiting here: https://app.ethoslife.com/q/goals

Note they used to be mobile first stacked (as you see above) but on desktop side by side horizontally which also can look nice.

XElement has these on upper right for their theme picker too: https://xelement-docs.vercel.app/docs/induction/overview#versions

image

roblevintennis commented 2 years ago

@Croug