Shadow DOM スロット, コンポジション

タブ、メニュー、イメージギャラリーなど多くのコンポーネントはレンダリングするのにコンテンツを必要とします。 組み込みのブラウザの <select> が <option> 項目を期待するように、独自に作った <custom-tabs> も実際のタブコンテンツが渡されることを期待することがあります。 <custom-menu> を使用するコードは次のようになります: <custom-menu> <title>Candy menu</title> <item>Lollipop</item> <item>Fruit Toast</item> <item>Cup Cake</item> </custom-menu> …そして、このコンポーネントはタイトルとアイテムを持つメニューとして表示され、かつメニューイベントを処理するなど適切にレンダリングできる必要ががあります。 どうやって実装するのでしょう？