You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

701 B

Shadow DOM

By default Pillar components don't use Shadow DOM because polyfill for it in some browsers may be a bit expensive. If you know what you doing and want to use Shadow DOM, all you need to do is pass an options object with useShadow when registering:

Pillar.register(MyComponent, 'my-component', {
	useShadow: 'open',
});

Modes

  • useShadow: 'open' will enable Shadow DOM that is accessible from outside JavaScript.
  • useShadow: 'closed' will enable Shadow DOM that is unaccessible and unchangeable from JavaScript. As such, these elements can't be controlled using Pillar DevTools.

Next: Pillar DevTools →