<mf-related-keywords></mf-related-keywords>

Related keyword custom-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)
  Text title of this element
  Example of use

sample collection

A few examples of design customization are listed below. - sample collection

DOM structure and class setting

• div.mf_finder_relatedkeywords
  • ( Slot “head” and you can customize the following)
    • header.mf_finder_relatedkeywords_head
      • Value of attribute head-text( if empty)
  • ul.mf_finder_relatedkeywords_items
    • li.mf_finder_relatedkeywords_item (s)
      • a.mf_finder_relatedkeywords_item_link
        • span
          • [Related keywords]

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