Function useSmartSuggest

  • useSmartSuggest(startTriggers?, startInput?): {
        setInputElement: ((newInput?) => void);
        setTriggers: ((newTriggers) => void);
        select: ((item) => void);
        active: Ref<boolean>;
        items: Ref<{
            value: string;
            searchMatch?: string;
            label?: string;
            image?: string;
            [x: string]: unknown;
        }[]>;
        dropdownPosition: Ref<{
            toTop: boolean;
            top: number;
            left: number;
            width: number;
            height: number;
        }>;
        activeIndex: Ref<number>;
        activeTrigger: Ref<ActiveTrigger | undefined>;
    }

  • Parameters

    • Optional startTriggers: Trigger[]
    • Optional startInput: HTMLTextAreaElement

    Returns {
        setInputElement: ((newInput?) => void);
        setTriggers: ((newTriggers) => void);
        select: ((item) => void);
        active: Ref<boolean>;
        items: Ref<{
            value: string;
            searchMatch?: string;
            label?: string;
            image?: string;
            [x: string]: unknown;
        }[]>;
        dropdownPosition: Ref<{
            toTop: boolean;
            top: number;
            left: number;
            width: number;
            height: number;
        }>;
        activeIndex: Ref<number>;
        activeTrigger: Ref<ActiveTrigger | undefined>;
    }

    • setInputElement: ((newInput?) => void)
    • setTriggers: ((newTriggers) => void)
        • (newTriggers): void

        • Parameters

          Returns void

    • select: ((item) => void)
        • (item): void

        • Parameters

          Returns void

    • active: Ref<boolean>
    • items: Ref<{
          value: string;
          searchMatch?: string;
          label?: string;
          image?: string;
          [x: string]: unknown;
      }[]>
    • dropdownPosition: Ref<{
          toTop: boolean;
          top: number;
          left: number;
          width: number;
          height: number;
      }>
    • activeIndex: Ref<number>
    • activeTrigger: Ref<ActiveTrigger | undefined>

Settings

Member Visibility

Theme