Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Documentation (incorrectly) suggests that RadioGroup wrapper can control flex-flow of Radio buttons #1472

Closed
cco3 opened this issue Mar 4, 2024 · 3 comments · May be fixed by SamandarTemirxodjayev/goshtbor#26, SamandarTemirxodjayev/goshtbor#28 or SamandarTemirxodjayev/goshtbor#29
Labels
bug Something isn't working

Comments

@cco3
Copy link

cco3 commented Mar 4, 2024

Environment

See reproduction

Version

v2.14.1

Reproduction

https://stackblitz.com/edit/nuxt-ui-ne9hly?file=app.vue

Description

The documentation for the RadioGroup ui prop suggests that the wrapper can control the flex flow of the individual radio buttons.

{
  wrapper: 'relative flex items-start',
  legend: 'text-sm font-medium text-gray-700 dark:text-gray-200 mb-1',
  default: {
    color: 'primary',
  },
}

https://ui.nuxt.com/components/radio-group#config

However, there is only one direct child of the wrapper, a fieldset element. It'd be nice if there was some other property (container?) that applied to the fieldset so I could actually apply flex styling to it.

Additional context

No response

Logs

No response

@cco3 cco3 added the bug Something isn't working label Mar 4, 2024
@cco3
Copy link
Author

cco3 commented Mar 4, 2024

Great turnaround time; thanks!

@stlbucket
Copy link

what is the fix on this one? Is there something more than :ui="{ wrapper: 'flex flex-row' }" required?

i have gone to the stackblitz and updated the nuxt ui package to 2.15.2, and everything re-installed - but the radio group is still vertical.

i see the same behavior locally.

image

@stlbucket
Copy link

oh, i see:

:ui="{ fieldset: 'flex flex-row' }"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
2 participants