cla-popover

Popover - adds a popover with a header, sub header and additonal text to any item, simply add the item you'd like to attach the popover to inside the <cla-popover> tag, (You can also add additional content to the popover using the slot name of "footer").

Usage

<cla-popover (optional) href="http://link.to" header="Header" subheader="Sub Header" smalltext="content">
Item attached to popover goes in here

(optional) <cla-progress slot="footer" progressbar="30"></cla-progress>
</cla-popover>

Events

Event Description Type
toggleEvent Emitted when the menu is toggled. CustomEvent<any>

Slots

Slot Description
This is where the item the popover wraps goes
"content" Allows content to be added to the popover.

Built with StencilJS