<mf-keyword-ranking></mf-keyword-ranking>

Keyword Ranking ELEMENT Example of use

Applicable attributes

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

• ajax-url (String)
  ajax Search URL

• head-text (String)
  Set text title of the Keyword Ranking ELEMENT
  Example of use

sample collection

A few examples of design customization are listed below.

• sample collection

DOM structure and class settings

• div.mf_finder_keywordranking (empty if there is no keyword ranking)
  • ( Slot “head” and you can customize the following)
    • header.mf_finder_keyword ranking_head
      • Value of attribute head-text (  if empty)
  • ol.mf_finder_keyword ranking_items
    • li.mf_finder_keyword ranking_item
      • a.mf_finder_relatedkeywords_item_link
        • span
          • [keyword]

Slot for DOM customization

For the slots, see the description below

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

Slot name head

Properties that can be referenced

• self: an instance of this CUSTOM ELEMENT
• customProp: data returned by the function specified by attribute :custom-prop-func

Example of use