@kelvininc/ui-components/dist/types/components/dropdown-base/dropdown-base.types.d.ts

Kelvin UI Components

import { ComputePositionConfig } from '@floating-ui/dom';
import { EventEmitter } from '../../stencil-public-runtime';
export interface IDropdownBase {
    /** (optional) If `true` the list is opened */
    isOpen?: boolean;
    /** (optional) The dropdown position config options */
    options?: Partial<ComputePositionConfig>;
    /** (optional) A reference to the dropdown action element */
    actionElement?: HTMLElement;
    /** (optional) A reference to the dropdown list element */
    listElement?: HTMLElement;
    /** (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true */
    clickOutsideClose?: boolean;
    /** (optional) the dropdown list z-index (default: 9004) */
    zIndex?: number;
}
export interface IDropdownBaseEvents {
    /** Emitted when the dropdown opens state changes */
    openStateChange: EventEmitter<boolean>;
    /** Emitted when there's a click outside the dropdown's bondaries */
    clickOutside: EventEmitter<void>;
}