関連キーワード用カスタムエレメント - カスタムエレメントリファレンスマニュアル

関連キーワード表示用エレメント使用例一覧

指定可能な属性

lang (String) 表示言語を属性 langで指定することが出来る。
ajax-url (String) ajax 検索用 URL
head-text (String) ヘッダ部に表示するテキスト

DOM構造とclass設定

div.mf_finder_relatedkeywords
- (スロット「head」で以下はカスタマイズ可能)
  - header.mf_finder_relatedkeywords_head
    - 属性head-textの値(空の場合は )
- ul.mf_finder_relatedkeywords_items
  - li.mf_finder_relatedkeywords_item (複数)
    - a.mf_finder_relatedkeywords_item_link
      - span
        
        [関連キーワード]

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

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

スロット名 `head`

参照可能なプロパティ

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

カスタムエレメントドキュメント - 関連キーワード用カスタムエレメント

トップ > カスタムエレメントドキュメント - 関連キーワード用カスタムエレメント

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