ドリルダウン属性
検索結果をトピックによって更に絞り込むための選択です。
INFO
本コンポーネントは検索結果がないと表示されません。また、検索結果にドリルダウンのデータがある場合のみ表示されます。
注意
ドリルダウンは管理画面からの登録が必要になります。
ドリルダウンの設定方法はこちらをご確認ください。
デフォルトドリルダウン:
header-hidden 新
- Type:
Boolean - Default:
false
ドリルダウンのヘッダータイトルを非表示にするかどうか指定できる属性です。
html
<mf-drilldown
header-hidden
></mf-drilldown>header-text
- Type:
string - Default:
絞り込み(言語によって変わります)
ヘッダータイトルのテキストを指定できる属性です。
html
<mf-drilldown
header-text="フィルター"
></mf-drilldown>reset-button-hidden 新
- Type:
Boolean - Default:
false
リセットボタンを非表示にするかどうかを指定できる属性です。
html
<mf-drilldown
reset-button-hidden
></mf-drilldown>reset-button-text
- Type:
string - Default:
リセット(言語によって変わります)
リセットボタンのテキストを指定できる属性です。リセットボタンをクリックすると、全ての選択が解除され、検索結果もデフォルトに戻ります。
html
<mf-drilldown
reset-button-text="最初から"
></mf-drilldown>INFO
下記デモで確認したい場合、何かしらドリルダウンを選択してください。
選択した後にリセットボタンが表示されます。
selected-body-class
- Type:
string - Default:
''
項目選択により絞り込み検索がされている時、bodyタグに設定されるクラス名 (default: “mf_finder_drilldown_selected”) を指定できる属性です。
html
<mf-drilldown
selected-body-class="mf_finder_drilldown_selected"
></mf-drilldown>