Checkbox + text component

[JoseTelefonica]

Goal

I would like to propose the creation of several options for this component.

Context

Currently, this component seems to have been created for legal text, specifically to accept terms and conditions, that is why it is aligned to the left.

The Brazilian team have created new context for this. They are using it to select/deselect all bills and the current component is unlikely to fit the need.

The DIPA team need to globalise the experience implemented in VIVO in each OB (MOVES, O2ES) however if I use the Mística component, I get this

Impact

Some reasons:

• Give the Mística component to VIVO because they are using an ad hoc component.
• Be able to be used in other OBs, such as MOVES and O2ES, to globalise the same experience.

Discussion Questions

We should have different options to adapt to the context.

• Checkbox + txt
• Txt + checkbox

And to be able to have different text style.

• For terms and conditions
• For secondary actions (like this one)

Additional considerations

No response

Do you have a visual proposal?

No response

[yceballost]

Imo, makes sense to evolve checkboxes to allow label on the left and right side

The component right now allows changes in text style (colors and sizes) (but I believe that sizing should only be done in very justified situations)
Example →

Also I propose to change the text of the component in figma to "[ ] Label" or "[ ] Label link"

[AnaMontes11]

Hello @JoseTelefonica, after discussing it with the development team, as of today, that possibility is already configurable. Therefore, for now, you can build it atomically (Text + checkbox). We'll make a note on our end to include it in the future, but for this quarter, we have to leave it out of the backlog.
Example

[AnaMontes11]

Hello again @JoseTelefonica
Although it can be done atomically today, we will enable it to come by default in the component.
I close the discussion and link it to issue #1658.