Livewire component blok

Met het Livewire component block plaats je een dynamisch Livewire-component op een pagina. Het block haalt automatisch alle beschikbare Livewire-componenten uit het thema op en laat je er een kiezen via een keuzelijst. Het component wordt server-side gerenderd en is volledig interactief op de frontend.

Let op: Dit block is bedoeld voor ontwikkelaars. Om het te kunnen gebruiken moeten er Livewire-componenten in het thema zijn aangemaakt.

SOIL detecteert automatisch Livewire-componenten die in het thema staan op het pad:

{thema}/resources/Livewire/

Zolang er minstens één PHP-bestand in deze map staat (ook in submappen), laadt SOIL Livewire automatisch. Er zijn geen extra instellingen nodig.

De klassenaam van een component wordt automatisch omgezet naar een leesbare naam in de keuzelijst:

Zoek in de blokken-editor op “Livewire Component” en voeg het block toe aan de pagina. Kies daarna in de zijbalk het gewenste component via Select Component.

In de editor verschijnt een placeholder met de naam van het geselecteerde component. Het component zelf wordt niet live weergegeven in de editor — de volledige rendering vindt plaats op de frontend.

Stel de ruimte aan de binnenkant (opvulling) en buitenkant (marge) van het block in, in rem, voor alle vier zijden afzonderlijk. Gebruik de schaalfactoren om deze waarden automatisch te verkleinen op tablet en mobiel (standaard: tablet 100%, mobiel 50%).