We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
With scoped slots, this works:
<x-counter> <template lwc:slot-data="data"> <span>{data.id} - {data.name}</span> </template> </x-counter>
However, if that same <x-counter> component is used with <lwc:component> (aka dynamic components):
<x-counter>
<lwc:component>
<lwc:component lwc:is={customCtor}> <template lwc:slot-data="data"> <span>{data.id} - {data.name}</span> </template> </lwc:component>
... then you get an error at compile time:
Error: LWC1178: <template> tag with lwc:slot-data directive must be the direct child of a custom element.
Repro
The text was updated successfully, but these errors were encountered:
No branches or pull requests
With scoped slots, this works:
However, if that same
<x-counter>
component is used with<lwc:component>
(aka dynamic components):... then you get an error at compile time:
Repro
The text was updated successfully, but these errors were encountered: