Change Details

During the task break-down we reasoned * create dedicated component (internals so they make sense both in HTML and the vue-universe) ** property for the name ** property for the value ** property for the checked state ([[ https://vuejs.org/v2/guide/forms.html#Radio-1 | vue value binding ]]) * one slot for the label (so it can take HTML, incl strong, from the parent) * one slot for additional explanation text * possibly adding a click handler for the explanation text so it can also be used to select the respective radio button **Notes** * Termbox has a [[ https://gerrit.wikimedia.org/r/plugins/gitiles/wikibase/termbox/+/4621f2d5efe58963515604741133cf7dfc9d207f/src/components/Checkbox.vue | CheckBox ]] component

During the task break-down we reasoned * create dedicated component (internals so they make sense both in HTML and the vue-universe) ** property for the name ** property for the value ** property for the checked state ([[ https://vuejs.org/v2/guide/forms.html#Radio-1 | vue value binding ]]) * one slot for the label (so it can take HTML, incl strong, from the parent) * one slot for additional explanation text * possibly adding a click handler for the explanation text so it can also be used to select the respective radio button **Notes** * Termbox has a [[ https://gerrit.wikimedia.org/r/plugins/gitiles/wikibase/termbox/+/4621f2d5efe58963515604741133cf7dfc9d207f/src/components/Checkbox.vue | CheckBox ]] component Design specs (based on OOUI, WMF's specs & Termbox) available [[ https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit-%F0%9F%94%A5?node-id=351%3A45 | in Figma ]].

During the task break-down we reasoned * create dedicated component (internals so they make sense both in HTML and the vue-universe) ** property for the name ** property for the value ** property for the checked state ([[ https://vuejs.org/v2/guide/forms.html#Radio-1 | vue value binding ]]) * one slot for the label (so it can take HTML, incl strong, from the parent) * one slot for additional explanation text * possibly adding a click handler for the explanation text so it can also be used to select the respective radio button **Notes** * Termbox has a [[ https://gerrit.wikimedia.org/r/plugins/gitiles/wikibase/termbox/+/4621f2d5efe58963515604741133cf7dfc9d207f/src/components/Checkbox.vue | CheckBox ]] component Design specs (based on OOUI, WMF's specs & Termbox) available [[ https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit-%F0%9F%94%A5?node-id=351%3A45 | in Figma ]].