@scania/tegel
Version:
Tegel Design System
38 lines (37 loc) • 1.64 kB
TypeScript
import type { Placement } from '@popperjs/core';
import { Attributes } from '../../types/Attributes';
/**
* @slot <default> - <b>Unnamed slot.</b> For the list of menu items.
*/
export declare class TdsPopoverMenu {
host: HTMLTdsPopoverMenuElement;
/** The CSS-selector for an element that will trigger the pop-over */
selector?: string;
/** Element that will trigger the pop-over (takes priority over selector) */
referenceEl?: HTMLElement | null;
/** Controls whether the Popover is shown or not. If this is set hiding and showing
* will be decided by this prop and will need to be controlled from the outside. This
* also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
*/
show: boolean | null;
/** Decides if the component should be visible from the start. */
defaultShow: boolean;
/** Decides the placement of the Popover Menu */
placement: Placement;
/** Whether the popover should animate when being opened/closed or not */
animation: 'none' | 'fade' | string;
/** Sets the offset skidding */
offsetSkidding: number;
/** Sets the offset distance */
offsetDistance: number;
/** If true this unsets the width (160px) of the Popover Menu */
fluidWidth: boolean;
/** Mode variant of the component, based on current mode. */
modeVariant: 'primary' | 'secondary' | null;
/** Property for closing popover programmatically */
close(): Promise<void>;
childRef?: HTMLTdsPopoverCoreElement;
inheritedAttributes: Attributes;
componentWillLoad(): void;
render(): any;
}