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

検索結果ヘッダ表示用エレメント

指定可能な属性

• lang (String)
  表示言語を属性langで指定することが出来る。
  使用例

DOM構造とclass設定

• div.mf_finder_organic_header_wrapper > div.mf_finder_organic_header
  • (無名スロットで以下はカスタマイズ可能)
    • div.mf_finder_organic_nums
      • div.mf_finder_organic_range
        • span.mf_finder_organic_range_from
          • [検索にヒットしたドキュメントのうち、何件目から表示しているか]
        • span.mf_finder_organic_range_to
          • [検索にヒットしたドキュメントのうち、何件目まで表示しているか]
      • div.mf_finder_organic_total > span > [検索にヒットしたドキュメント数]
    • div.mf_finder_query > span > [検索語]

DOMカスタマイズ用スロット

スロットについては以下の説明を参照

• Vue.jsの名前付きスロット
• Vue.jsのスコープ付きスロット

無名スロット

mf-search-resultsのスロットheaderと同様

参照可能なプロパティ

• organic : 検索結果オブジェクトのorganic
• params : 検索結果オブジェクトのparams
• self : このカスタムエレメントのインスタンス
• customProp : 属性:custom-prop-func で指定した関数の返すデータ