SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.47k stars 254 forks source link

[Feature Request]: Bold label text within radio button or checkbox is missing #8522

Open doruskova opened 3 months ago

doruskova commented 3 months ago

Feature Request Description

Currently, the checkbox or radio button doesn't allow to make the label text bold. For some more complex use-case it's needed to highlight the label and provide additional info below the label.

Snímek obrazovky 2024-03-25 v 11 13 55

Proposed Solution

Allow to customize the font-weight of a label for checkbox or radio button. And be able to add text below this title.

Snímek obrazovky 2024-03-25 v 11 14 40

With description below

screen

Proposed Alternatives

No response

Organization

SAP Signavio

Additional Context

No response

Priority

Medium

Privacy Policy

petyabegovska commented 3 months ago

Hello @doruskova,

The checkbox component provides CSS part for styling the label:

ui5-checkbox::part(label) { font-weight:bold;
}

More about the usage of shadow parts

API reference CheckBox CSS parts

So the feature request is valid only for the radio button.

Best regards, Petya

petyabegovska commented 3 months ago

Hello @SAP/ui5-webcomponents-topic-rd,

Please check whether can you provide shadow part for the text.

Best regards, Petya