Content projection - Githubissues

wane / wane

A framework/compiler/bundler for building front-end applications.

https://www.wane.app/

9 stars 1 forks source link

Content projection #3

Open lazarljubenovic opened 6 years ago

lazarljubenovic commented 6 years ago

AKA: "Transclusion" in AngularJS, "content project" in Angular, "slots" in Vue.

Some notes:

Named slots
Default content when no content is projected
A way to know from code if content was projected (?)

lazarljubenovic commented 6 years ago

Also "slots" in ShadowDOM spec:

https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement

Seem like Vue follows it pretty closely already.

lazarljubenovic commented 6 years ago

This can probably be implemented in the simplest way with Document Fragments being the inputs. The problem is handling inputs and outputs within, and generally keeping the "tree" structure at play.