Component slot

[benzen]

Looking at the read me, I see there is already the idea of using a children component.

But is there the idea of slot. I mean multiple names places where I could put custom content in my component

[Serbroda]

Hi @benzen, apologies for the very late response — this project was on hold for a while but has been revived recently.

This has been implemented and is available since v0.1.1. You can now define multiple named content areas in your components using <tc:content name="..."> and fill them with <tc:slot name="...">:

<!-- Component definition -->
<div th:fragment="card" class="card">
  <div class="card-header"><tc:content name="header"></tc:content></div>
  <div class="card-body"><tc:content></tc:content></div>
  <div class="card-footer"><tc:content name="footer"></tc:content></div>
</div>

<!-- Usage -->
<tc:card>
  <tc:slot name="header"><h1>Title</h1></tc:slot>
  <tc:slot name="footer"><span>Footer</span></tc:slot>
  <p>Body content goes into the default slot</p>
</tc:card>

Slots also support fallback content that renders when no matching slot is provided:

<tc:content name="header">Default Header</tc:content>