<mf-search-results-header></mf-search-results-header>

Search result header display element

Applicable attributes

• lang (String)
  You can specify the display language with Example of use

• ajax-url (String)
  ajax Search URL

DOM structure and class setting

• div.mf_finder_organic_header_wrapper > div.mf_finder_organic_header
  • (The following can be customized by Anonymous Slots)
    • div.mf_finder_organic_nums
      • div.mf_finder_organic_range
        • span.mf_finder_organic_range_from
          • [Displaying search result from number xxx document]
        • span.mf_finder_organic_range_to
          • [Displaying search result to number xxx document]
      • div.mf_finder_organic_total > span > [number of documents hit in search]
    • div.mf_finder_query > span > [searched keyword]

Slot for DOM customization

For the slots, see the description below

• Vue.js Named Slots
• Vue.js Scoped Slots

Anonymous Slots

Same as mf-search-results slot header

Properties that can be referenced

• organic : organic of search result object
• params : params of search result objects
• self : instance of current custom element
• customProp : data returned by the function specified by attribute:custom-prop-func