Telefonica / mistica-design

Mística Design System (only design)
https://brandfactory.telefonica.com/mistica
20 stars 4 forks source link

Right positioning in checkboxes and radio buttons #1658

Open yceballost opened 4 months ago

yceballost commented 4 months ago

Discussed in https://github.com/Telefonica/mistica-design/discussions/1644

Originally posted by **JoseTelefonica** February 9, 2024 ### 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. Captura de pantalla 2024-02-09 a las 12 30 48 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. ![Frame 1171277699](https://github.com/Telefonica/mistica-design/assets/129079621/fa559c5a-3bac-454a-b0b4-224d7fd5581f) 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 ![Debt payment-Moves-Debt selector-02_00-mixed](https://github.com/Telefonica/mistica-design/assets/129079621/284bb347-8310-4fbc-87a1-b4a5eda49b2e) ### 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) ![e3](https://github.com/Telefonica/mistica-design/assets/129079621/c4f140d3-7a66-4a10-af3c-292d35c8eae0) ### Additional considerations _No response_ ### Do you have a visual proposal? _No response_