Create dynamic text html for lightning combobox

Question

I am using below code for lightning-combobox in lwc HTML file

<lightning-combobox  value={value} label={labelWonLostReason}  onchange={handleWonLostRegionChange} options={filteredWonLostRegionValues}
                            name="progress" read-only={wonLostReason}> </lightning-combobox>

here for label 'labelWonLostReason' I am using below code in javascript

this.labelWonLostReason = "*" + "Won Lost Reason";

I need to make this asterisk (*) in red color. There is one property 'required' of lightning-combobox but I can not use that.

How can I achieve this behavior. in Java there is something like HTML.formHTML which format the text to html at run time. Is there something similar I can use here ?

Thanks in Advance

eyescream · Accepted Answer · 2023-07-04 20:30:54Z

Might be good idea to go back to business and ask if they really need it. "Don't surprise the user", don't think the functionality is oh so special for it to look different from the rest of core Salesforce...

Can you use variant="label-hidden" and create your own custom html <label> paired with the combobox? https://www.lightningdesignsystem.com/components/combobox/ contains raw HTML, you probably could steal bits of that but combine it with regular tag, just with the label hidden

Alternatively look into the https://github.com/salesforce/base-components-recipes/blob/master/force-app/main/default/lwc/combobox/combobox.html (or better: https://www.npmjs.com/package/lightning-base-components) to create your own components behaving identical to built-in ones and then you could keep hacking at them, create perfect <c-combobox> to use in your projects?

Collectives™ on Stack Overflow

Create dynamic text html for lightning combobox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related