search

nuxt / ui

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
https://ui.nuxt.com
MIT License
3.45k stars 383 forks source link

space between buttons in buttonGroup OR more styles for RadioGroup #1786

Open xarthurx opened 2 weeks ago

xarthurx commented 2 weeks ago

Description

image

I used to use Veutify's chip-group to achieve sth like the above image: a few buttons that I can create v-model and filter the selection from a list, and additional icons will appear when the button is activated.

I'm recently migrating to nuxtUI as I'm using Nuxt now, but find it hard to achieve sth like the above:

Is this something the develop team will consider? Or is there a simple approach to achieve this? Thank you.

Additional context

No response

benjamincanac commented 2 weeks ago

We have it plan for v3 with Radix Vue https://www.radix-vue.com/components/toggle-group.html component.

xarthurx commented 2 weeks ago

We have it plan for v3 with Radix Vue https://www.radix-vue.com/components/toggle-group.html component.

Thank you for the reply. May I ask what is the difference between nuxt UI and radix Vue? I was assuming nuxt UI and radix UI are parallel... but you mean you're using Radix UI as a part of nuxt UI?

benjamincanac commented 2 weeks ago

At the moment we're using Headless UI https://github.com/tailwindlabs/headlessui underneath and in the next major we're migrating everything to Radix Vue, you can read more in #1289.