1

I have the below lightning-badge component where I am trying to change the background color. The background color is not changing. What could be the issue?

HTML:

 <lightning-badge label={product.ProductStatus} class="new-product"></lightning-badge>

CSS:

.new-product {
    --sds-c-badge-color-background: rgb(6, 6, 155);
  }
Improve this question

1 Answer 1

Reset to default
1

the only thing i see wrong is your css property name:

--sds-c-badge-color-background should be --slds-c-badge-color-background

however, it could well be a copy pasta typo.

Improve this answer
1

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .