Same Name; Different Component with Scoped Custom Element Registries

Buobe IA context · why it matters

Custom elements with the same tag name can coexist in different scopes — Developers can use multiple versions of components or design systems on the same page without conflicts.
Scoped custom element registry allows for version control and component reuse — This feature enables better management of custom elements, reducing redundancy and improving code maintainability.

Published by

on •1 min read

Same Name; Different Component with Scoped Custom Element Registries

Chrome 146 recently introduced scoped custom element registry, which is a way to introduce custom elements in your app without using the global registry namespace. This makes it possible for different versions or entirely different custom elements to share the same tag name.

web chrome custom elements registry

Learn more