Embedded analytics SDK API
    Preparing search index...

    Interface StaticQuestionComponents

    interface StaticQuestionComponents {
        AlertsButton: () => Element;
        Breakout: () => null | Element;
        BreakoutDropdown: (
            props: InteractiveQuestionBreakoutDropdownProps,
        ) => null | Element;
        ChartTypeDropdown: (props: MenuProps) => Element;
        ChartTypeSelector: (props: StackProps) => Element;
        DownloadWidget: (props: StackProps) => null | Element;
        DownloadWidgetDropdown: (props: PopoverProps) => null | Element;
        Filter: (props: InteractiveQuestionFilterProps) => Element;
        FilterDropdown: (
            props: InteractiveQuestionFilterDropdownProps,
        ) => null | Element;
        QuestionSettings: (props: StackProps) => null | Element;
        QuestionSettingsDropdown: (
            props?: InteractiveQuestionQuestionSettingsDropdownProps,
        ) => Element;
        QuestionVisualization: (
            props: { className?: string; style?: CSSProperties } & {
                height?: Height<string | number>;
                width?: Width<string | number>;
            } & {},
        ) => Element;
        ResetButton: (props?: ButtonProps) => null | Element;
        SqlParametersList: () => null | Element;
        Summarize: () => Element;
        SummarizeDropdown: (
            props: InteractiveQuestionSummarizeDropdownProps,
        ) => Element;
        Title: (
            props: { className?: string; style?: CSSProperties },
        ) => undefined | Element;
    }
    Index

    InteractiveQuestion

    Breakout BreakoutDropdown ChartTypeDropdown ChartTypeSelector DownloadWidget DownloadWidgetDropdown Filter FilterDropdown QuestionSettings QuestionSettingsDropdown QuestionVisualization ResetButton SqlParametersList Summarize SummarizeDropdown Title

    other

    AlertsButton

    InteractiveQuestion

    Breakout: () => null | Element

    Type Declaration

      • (): null | Element
      • Function

        A set of badges for managing data groupings (breakouts). Uses question context for breakout functionality.

        Returns null | Element

    BreakoutDropdown: (
        props: InteractiveQuestionBreakoutDropdownProps,
    ) => null | Element

    Type Declaration

    ChartTypeDropdown: (props: MenuProps) => Element

    Type Declaration

      • (props: MenuProps): Element
      • Function

        Dropdown for selecting the visualization type (bar chart, line chart, table, etc.). Automatically updates to show recommended visualization types for the current data.

        Parameters

        Returns Element

    ChartTypeSelector: (props: StackProps) => Element

    Type Declaration

    DownloadWidget: (props: StackProps) => null | Element

    Type Declaration

      • (props: StackProps): null | Element
      • Function

        Provides a UI widget for downloading data in different formats (CSV, XLSX, JSON, and PNG depending on the visualization).

        Parameters

        Returns null | Element

    DownloadWidgetDropdown: (props: PopoverProps) => null | Element

    Type Declaration

    Filter: (props: InteractiveQuestionFilterProps) => Element

    Type Declaration

    FilterDropdown: (
        props: InteractiveQuestionFilterDropdownProps,
    ) => null | Element

    Type Declaration

    QuestionSettings: (props: StackProps) => null | Element

    Type Declaration

      • (props: StackProps): null | Element
      • Function

        Settings panel for configuring visualization options like axes, colors, and formatting. Uses question context for settings.

        Parameters

        Returns null | Element

    QuestionSettingsDropdown: (
        props?: InteractiveQuestionQuestionSettingsDropdownProps,
    ) => Element

    Type Declaration

    QuestionVisualization: (
        props: { className?: string; style?: CSSProperties } & {
            height?: Height<string | number>;
            width?: Width<string | number>;
        } & {},
    ) => Element

    Type Declaration

      • (
            props: { className?: string; style?: CSSProperties } & {
                height?: Height<string | number>;
                width?: Width<string | number>;
            } & {},
        ): Element
      • Function

        The main visualization component that renders the question results as a chart, table, or other visualization type.

        Parameters

        • props: { className?: string; style?: CSSProperties } & {
              height?: Height<string | number>;
              width?: Width<string | number>;
          } & {}
          • OptionalclassName?: string

            A custom class name to be added to the root element.

          • Optionalstyle?: CSSProperties

            A custom style object to be added to the root element.

          • Optionalheight?: Height<string | number>

            A number or string specifying a CSS size value that specifies the height of the component

          • Optionalwidth?: Width<string | number>

            A number or string specifying a CSS size value that specifies the width of the component

          Returns Element

      ResetButton: (props?: ButtonProps) => null | Element

      Type Declaration

        • (props?: ButtonProps): null | Element
        • Function

          Button to reset question modifications. Only appears when there are unsaved changes to the question.

          Parameters

          Returns null | Element

      SqlParametersList: () => null | Element

      Type Declaration

        • (): null | Element
        • Function

          Parameters list for SQL questions

          Returns null | Element

      Summarize: () => Element

      Type Declaration

        • (): Element
        • Function

          Interface for adding and managing data summaries (like counts, sums, averages). Displays as a set of badges. Uses question context for summarization functionality.

          Returns Element

      SummarizeDropdown: (props: InteractiveQuestionSummarizeDropdownProps) => Element

      Type Declaration

      Title: (
          props: { className?: string; style?: CSSProperties },
      ) => undefined | Element

      Type Declaration

        • (props: { className?: string; style?: CSSProperties }): undefined | Element
        • Function

          Displays a title based on the question's state. Shows:

          • The question's display name if it's saved
          • An auto-generated description for ad-hoc questions (non-native queries)

          Parameters

          • props: { className?: string; style?: CSSProperties }
            • OptionalclassName?: string

              A custom class name to be added to the root element.

            • Optionalstyle?: CSSProperties

              A custom style object to be added to the root element.

          Returns undefined | Element

      other

      AlertsButton: () => Element

      Settings

      On This Page

      InteractiveQuestion
      other