Trilium Frontend API
    Preparing search index...

    Interface DropdownProps

    From T, pick a set of properties whose keys are in the union K

    interface DropdownProps {
        buttonClassName?: string;
        buttonProps?: Partial<HTMLAttributes<HTMLButtonElement> & DataAttributes>;
        children: ComponentChildren;
        className?: h.JSX.Signalish<string>;
        disabled?: boolean;
        dropdownContainerClassName?: string;
        dropdownContainerRef?: MutableRef<HTMLDivElement>;
        dropdownContainerStyle?: CSSProperties;
        dropdownOptions?: Partial<Options>;
        dropdownRef?: MutableRef<Dropdown>;
        forceShown?: boolean;
        hideToggleArrow?: boolean;
        iconAction?: boolean;
        id?: h.JSX.Signalish<string>;
        isStatic?: boolean;
        mobileBackdrop?: boolean;
        noDropdownListStyle?: boolean;
        noSelectButtonStyle?: boolean;
        onHidden?: () => void;
        onShown?: () => void;
        portalToBody?: boolean;
        text?: ComponentChildren;
        title?: string;
        titleOptions?: Partial<Options>;
        titlePosition?: "bottom" | "left" | "right" | "top";
    }

    Hierarchy (View Summary)

    Index

    Properties

    buttonClassName? buttonProps? children className? disabled? dropdownContainerClassName? dropdownContainerRef? dropdownContainerStyle? dropdownOptions? dropdownRef? forceShown? hideToggleArrow? iconAction? id? isStatic? mobileBackdrop? noDropdownListStyle? noSelectButtonStyle? onHidden? onShown? portalToBody? text? title? titleOptions? titlePosition?

    Properties

    buttonClassName?: string
    buttonProps?: Partial<HTMLAttributes<HTMLButtonElement> & DataAttributes>
    children: ComponentChildren
    className?: h.JSX.Signalish<string>
    disabled?: boolean
    dropdownContainerClassName?: string
    dropdownContainerRef?: MutableRef<HTMLDivElement>
    dropdownContainerStyle?: CSSProperties
    dropdownOptions?: Partial<Options>
    dropdownRef?: MutableRef<Dropdown>
    forceShown?: boolean
    hideToggleArrow?: boolean
    iconAction?: boolean

    If set to true, then the dropdown button will be considered an icon action (without normal border and sized for icons only).

    id?: h.JSX.Signalish<string>
    isStatic?: boolean
    mobileBackdrop?: boolean
    noDropdownListStyle?: boolean
    noSelectButtonStyle?: boolean
    onHidden?: () => void
    onShown?: () => void
    portalToBody?: boolean

    Render the dropdown menu into document.body instead of nesting it next to the toggle.

    Use this when an ancestor establishes a containment/backdrop root (e.g. container-type, transform, filter) which would otherwise flatten the menu's backdrop-filter blur into a flat tint. The menu is wrapped in a <div class={className}> so any CSS scoped under that class keeps applying even though the menu no longer lives inside the toggle's wrapper.

    Optionaltext

    text?: ComponentChildren
    title?: string
    titleOptions?: Partial<Options>
    titlePosition?: "bottom" | "left" | "right" | "top"

    Settings

    Member Visibility

    On This Page

    Properties