<Popper />

ui/popper.svelte

"This Popper is the base of all the flyout stuff: it pops"
P. Cheng, 1045

Component Popper examples :
Using slots
component Popper demo using slots
autoClose boolean
stickToHookWidth boolean
position string
code

<Popper bind:isOpen position="BC" autoClose class="w-large">
	<Button
		slot="popperHolder"
		on:click={() => ()}
		style="cursor:pointer">
		Popper button
	</Button>
	<div class="pad-4 text-center">
		Popper content
	</div>
</Popper>
Api preview :
__propDef: {
    props: {
        /** popper HTMLDivElement */ element?: Element | undefined;
        class?: string | undefined;
        code?: string | undefined;
        parentNode?: HTMLElement | undefined;
        stickToHookWidth?: boolean | undefined;
        component?: SvelteComponentDev | undefined;
        componentProps?: {} | undefined;
        position?: StickToPositionType | undefined;
        content?: any | undefined;
        style?: string | undefined;
        /** The popper will be closed on clickAway*/ autoClose?: boolean | undefined;
        /** binding : The popper will be opened or is opened */ isOpen?: boolean | undefined;
        toggle?: (() => void) | undefined;
        hide?: (() => void) | undefined;
        show?: (() => void) | undefined;
        clickedAway?: (() => void) | undefined;
        useStickTo?: ((node: any) => void) | undefined;
    };
    events: {
        click: MouseEvent;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        popperHolder: {};
        holderSlot: {};
        default: {};
    };
};