LWC Styling Hooks: Summer '21 Salesforce Release

Alex Colburn – June 11, 2021

On this episode, Andrew shares the fifth and final feature that we'll cover during the Summer 21 release, and it's one that he's very passionate about: LWC styling hooks.


Salesforce Summer '21 Release Updates are live


Hello, Andrew here with Digital Mass here for more Summer 21 features. It's Friday, June 11th which means that your production org has been updated with new Summer 21 features. If it's not, it will be tomorrow on the June 12th. if you've been following along with us this week, you'll be seeing a lot of what we've been talking about over the last week coming into your org. If you haven't already taken a look at the Summer 21 release notes, I'd recommened glancing over them to make sure that you're familiar with what's changing inside your Salesforce environment. It's always good to be prepared to address any sort of issues that may come up with some new enforced updates.

Take branding to the next level with LWC styling hooks

Today we have one last feature to cover with you guys, which is one that I'm super passionate about.
We now have a new out-of-the-box, standard, supported styling hook feature that will let you reference predefined styling hook in CSS files. For example, you can set background color properties, border properties, hover color properties, text color, and other branding related, silent decisions that you may be making. The LWC styling hooks really give you the option to take your companies branding and drop it into your organization. It should work for components that are exposed virtually anywhere on your platform. Styling hooks are definitely a huge feature and I would highly encourage developers to take a look at what is supported because it's not fully not standardized. Hopefully, this update to LWC styling hooks will help make your life a little bit easier and reduce the number of imported CSS you're needing to sort of request from your static resources.

That really covers it for the features that we care about most with the Salesforce Summer 21 release. There is really so much out there that we could be talking for weeks about all of the really cool things that you should be expecting to see, but we hope that you'll find these videos helpful. Thanks so much for following along. If there's any way that Digital Mass can help you take more advantage of the Salesforce Summer 21 feature set, reach out to us on digitalmass.com.

The Developers Speak is a video series featuring certified Salesforce consultants at Digital Mass. They come to you twice a month to help bridge the gap between business problems and technical solutions.

About the developer:

Meet Andrew Davis: Andrew joined the Digital Mass team as a Senior Salesforce Developer in August 2020. He came in with a few certifications on his belt and hasn't slowed down since. Andrew currently holds Platform Developer 1, Platform Developer 2, Certified Administrator, Platform App Builder, Marketing Cloud Email Specialist, Marketing Cloud Developer, and the Javascript Developer certifications.

Outside of work, Andrew likes to spend his time playing D&D, camping, and burying himself in Youtube playlists exploring things ranging from emerging technologies to how to hand-sew your own socks - it’s pretty obvious he fits right in with the DM crew!