Label

[bameyrick]

Use this place to discuss the label component in the ONS Design System

[bameyrick]

We should remove the label--small variant as this should never be used.

[jrbarnes9]

Label for attribute should be documented as required

[AlanHONS]

Requesting an enhancement to Label functionality so that Description contents can include HTML, not just plain text.
Alessio has talked me through a workaround for immediate IDS project need but asked me to request a proper implementation.

Screenshot of one example of the most complex form field description I've been asked to produce (to satisfy UKSA rigid requirements + previous UR improvements) is below.

Which you can see has requirements for being able to force new lines, use bullets and use external link component freely within the text. But that's just one specific example. So freedom to allow HTML output & other design system components within 'description' is my actual desired solution.

[MagdalenaLarge]

Hello @AlanHONS ,
Thank you for raising this issue with us. We are currently focusing on the major release, but we will come back to you as soon as possible to discuss the details of your requirement. Thank you for your patience.

[MagdalenaLarge]

Hi @AlanHONS, thank you for providing more details about your label requirement. At this time, we are unable to proceed with this request as it is a one-off requirement and is not currently utilized by other users. However, we will keep this in mind and may consider it in the future if we receive more requests for the same requirement.

[AlanHONS]

Thanks and understood. Will let you know if/when I come across other more generally applicable needs.
Meantime UKSA restricted content IDS Hub Project Application journey will proceed using workaround method for rich text label descriptions:
{% from "components/label/_macro.njk" import onsLabel %} {% from "components/list/_macro.njk" import onsList %} {% set test %} {{ onsList({ "element": 'ol', "itemsList": [ { "text": 'Introduction' }, { "text": 'Questionnaire' }, { "text": 'Summary' } ] }) }} {% endset %} {{ onsLabel({ "text": "Label", "for": "some-input", "description": test | safe }) }}