Glossary of terms

Scoped

Scoped encapsulation means that component styles are bound to a specific component and do not leak out to the rest of the application. When overriding such styles, you often need higher specificity selectors or publicly exposed CSS variables.

Shadow

Shadow DOM is a native browser mechanism for encapsulating DOM and component styles. It protects the internal structure of the component from surrounding styles. To externally customize the internal shadow parts of a shadow component, use CSS Custom Properties or CSS Shadow Parts.