Trilium Frontend API
    Preparing search index...

    Interface FormDropdownList<T>

    Construct a type with the properties of T except for those in type K.

    interface FormDropdownList<T> {
        buttonClassName?: string;
        buttonProps?: Partial<HTMLAttributes<HTMLButtonElement> & DataAttributes>;
        className?: h.JSX.Signalish<string>;
        currentValue: string;
        descriptionProperty?: keyof T;
        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;
        keyProperty: keyof T;
        mobileBackdrop?: boolean;
        noDropdownListStyle?: boolean;
        noSelectButtonStyle?: boolean;
        onHidden?: () => void;
        onShown?: () => void;
        portalToBody?: boolean;
        text?: ComponentChildren;
        title?: string;
        titleOptions?: Partial<Options>;
        titlePosition?: "bottom" | "left" | "right" | "top";
        titleProperty: keyof T;
        titleSuffixProperty?: keyof T;
        values: T[];
        onChange(newValue: string): void;
    }

    Type Parameters

    • T

    Hierarchy (View Summary)

    Index

    Properties

    buttonClassName? buttonProps? className? currentValue descriptionProperty? disabled? dropdownContainerClassName? dropdownContainerRef? dropdownContainerStyle? dropdownOptions? dropdownRef? forceShown? hideToggleArrow? iconAction? id? isStatic? keyProperty mobileBackdrop? noDropdownListStyle? noSelectButtonStyle? onHidden? onShown? portalToBody? text? title? titleOptions? titlePosition? titleProperty titleSuffixProperty? values

    Methods

    onChange

    Properties

    buttonClassName?: string
    buttonProps?: Partial<HTMLAttributes<HTMLButtonElement> & DataAttributes>
    className?: h.JSX.Signalish<string>
    currentValue: string
    descriptionProperty?: keyof T
    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
    keyProperty: keyof T
    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"
    titleProperty: keyof T
    titleSuffixProperty?: keyof T

    Property to show as a small suffix next to the title

    values: T[]

    Methods

    • Parameters

      • newValue: string

      Returns void

    Settings

    Member Visibility

    On This Page

    Properties
    Methods