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

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

指定可能な属性

lang (String) 表示言語を属性 langで指定することが出来る。
ajax-url (String) ajax 検索用 URL

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カスタマイズ用スロット

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

無名スロット

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

参照可能なプロパティ

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

無名スロット

参照可能なプロパティ

self : このカスタムエレメントのインスタンス
customProp : 属性:custom-prop-func で指定した関数の返すデータ

カスタムエレメントドキュメント - 検索結果ヘッダ用カスタムエレメント

トップ > カスタムエレメントドキュメント - 検索結果ヘッダ用カスタムエレメント

リファレンスマニュアル内検索