Content resolver

Group content

複数のtemplate要素をDOM順に連結するgroup:selectorの探索と出力を確認します。

3 templates ready

Group selectors

すべての項目、または属性で絞った項目だけを一つのモーダルへまとめます。

group:template

All items

data-group-itemを持つ3件をまとめます。

Filtered items

data-group-featuredを持つ2件だけをまとめます。

Implementation

<button data-modal="group:template[data-group-item]" type="button">
  Open group
</button>

<template data-group-item>...</template>
<template data-group-item>...</template>

new MODAL_MODULE();