Laravel nested blade component

Question

I want to do this but can't find any documentation about how to render components inside components

   <x-accordion>
            <x-accordion-tab />
            <x-accordion-tab />
            <x-accordion-tab />
            <x-accordion-tab />
            <x-accordion-tab />
   </x-accordion>

Accordion

<div class="accordion-tabs">

</div>

Accordion Tab

<div class="accordion-tab">
    <input type="checkbox" id="chck1" class="accordion-nav">
    <label class="accordion-tab-label" for="chck1">Item 1</label>
    <div class="accordion-tab-content">
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis!
    </div>
</div>

Andy Song · Accepted Answer · 2020-08-27 22:41:04Z

3

It's blade#slots

<div class="accordion-tabs">
     {{ $slot }}
</div>

answered Aug 27, 2020 at 22:41

Andy Song

4,6821 gold badge14 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jackal Over a year ago

Thanks... I feel stupid cause i was just looking at slots but I thought this was just html content. Documentation is really lacking

Collectives™ on Stack Overflow

Laravel nested blade component

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related