← back to the release
new featureSalesforce Lightning Design System
Customize Components with the SLDS 2 Styling API and Component-Level Hooks (Developer Preview)
The SLDS 2 Styling API adds component-level styling hooks, CSS custom properties named --slds-c-{component}-* that customize spacing, color, border, shadow, and typography for one component without touching global hooks, and inherit across Shadow DOM boundaries for use in LWC. Component-level hooks reference global hooks by default and support a modifier pattern where variant styles cascade. Developer preview; find each component's hooks on its Specifications tab on the SLDS 2 site.
identifiers
SLDS 2 Styling API--slds-c-component-level styling hooks
flags
off by defaultno action required
- how
- Reference --slds-c-{component}-* custom properties in your component CSS.
- who
- when
- Developer preview.
- where
- SLDS 2 and Lightning Experience.