popover-card

➤ wl-popover-card

Give popovers a contextual flair.

➤ CSS Custom Properties

Property	Description
--popover-card-arrow-fill	Fill of the arrow
--popover-card-arrow-height	Height of the arrow
--popover-card-arrow-width	Width of the arrow
--popover-card-elevation	Box shadow

➤ Slots

Name	Description
	Default content.

➤ Usage

Go here to try the demo.

➤ ⚠️ Use the element within a popover context

To figure out where the arrow should be pointing, the wl-popover-card uses :host-context. Make sure the card is within a context where the attributes transformOriginX="left | center | right" and transformOriginY="top | center | bottom" are defined.

➤ Contributors

Andreas Mehlsen	You?

➤ License

Licensed under MIT.