[LiveComponent] Inheritance in live components

[tito10047]

It would be nice if you could inherit live component from normal component.

{# templates/components/Alert.html.twig #}
<div {{ attributes.defaults({class: 'alert alert-'~type}) }}">
    {% block content %}{% endblock %}
</div>

{# templates/components/SuccessAlertLiveComponent.html.twig #}
{% component Alert with attributes.defaults({class:"foo"}) %}
    {{ block(outerBlocks.content) }}
{% endcomponent %}

Is something like this possible?

[smnandre]

LiveComponent have no knowledge of their "outerblocks" so it would not work during re-render

[tito10047]

Yes, of course. Stupid example copied from docs.
I have problem only with this "with attributes.defaults({class:"foo"})" . With this I get parse error

[smnandre]

Can you maybe show the code that triggers this error?