Release 15.18.0 — Radio Button

[ipozuelo]

Buenas, queremos un comportamiento que no logramos hacer con los componentes de mistica. Utilizamos RadioGroup y RadioButton para seleccionar dos opciones. Pero en un caso, una de las opciones tiene que estar deshabilitada dependiendo de la información que nos llega. Solo vemos la opción de deshabilitar en el RadioGroup, queremos en el RadioButton. Hemos visto que en RadioButton hay un render que tiene algo de disabled, pero no logramos hacerlo funcionar. Está dentro de una BoxedRow, que si está deshabilitada, pero se puede seguir pulsando el RadioButton.

[ipozuelo]

esto es lo que queremos evitar

[yceballost]

Hola @ipozuelo ! Lo analizamos!

Puedes pasarnos un ejemplo de lo que tienes construido en Playroom?

mistica-web.vercel.app/playroom

[yceballost]

A día de hoy no es posible tener un valor de un radio group disabled. O están todos o ninguno.

Me parece que puede tener sentido lo que comentas, voy a mover esto a discussion para hablarlo con el equipo y de ahí decidir si se incluiría o no.

[yceballost]

Buenas, perdona la demora sobre esto.

Hemos visto varias cosas:

• No deberías usar un radio con el extra, sino usar la prop radioValue que ya incorpora el componente Row (ejemplo)
• Desde Mística debemos solucionar que cuando una lista esté disabled también se inactive el radioValue (Evitar esto → Ejemplo)
• Vemos que este problema se podría resolver de otra forma con diferente Ux y tener un radio group para una unica seleccion no tiene mucho sentido aparente (con el contexto que tenemos)
• Una forma de resolverlo si queréis mantener la distributiva con elementos disabled podría ser algo así → Ejemplo
  • Donde la row actúa directamente como botón a la opción que le interese al usuario navegar eliminando esa selección y por tanto el botón de continuar