Skip to content
This repository has been archived by the owner on Sep 23, 2023. It is now read-only.

Support for child elements #4

Closed
SimonHoiberg opened this issue Nov 7, 2019 · 3 comments
Closed

Support for child elements #4

SimonHoiberg opened this issue Nov 7, 2019 · 3 comments
Assignees
Labels
Direflow Component Enhancement New feature or request

Comments

@SimonHoiberg
Copy link
Member

Be able to pass in a child to the Web Component and inject it at a place of choice.

<cool-component>
  <div>
    <span>This is a child</div>
  </div>
</cool-component>

We would use a special component in React, and the child should be injected into here.

return (
  <Styled styles={styles}>
    <div className='app'>
      <DireflowChild />
    </div>
  </Styled>
);
@SimonHoiberg SimonHoiberg self-assigned this Nov 7, 2019
@SimonHoiberg SimonHoiberg moved this from To do to Cancelled in Ongoing Project Board Dec 28, 2019
@SimonHoiberg
Copy link
Member Author

Will not be worked on.
For now, similar default behavior is accepted as explained here:
https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots

@krzochalski
Copy link

krzochalski commented Apr 13, 2020

Is there any example of implementation of children?

@johnmcase
Copy link
Contributor

Is there any way to implement this when the component has useShadow set to false?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Direflow Component Enhancement New feature or request
Projects
Development

No branches or pull requests

3 participants