Shadow DOM is a powerful web platform feature that makes it easy to build fully encapsulated, reusable components. This strict level of encapsulation can be challenging when building applications, because it makes it more difficult to apply the theme consistently across views. Shadow DOM can also interfere with some web crawlers and marketing tools. Because of this, Hilla doesn’t use Shadow DOM by default.
Hilla provides two base classes for components:
You can import them from
View for all application views that aren’t meant to be reusable inside other views.
Layout for all components that are reusable across views or act as layouts by accepting child components through
See Styling With CSS to learn how to apply CSS to