Brooch `<x-brooch>`

Properties

Property	Attribute	Type	Default	Description
`Title`	`title`	`string`	`''`
`Icon`	`icon`	`string`	`''`

Voorbeeldcode:

<x-brooch class="mb-4" title="Voorbeeld">
    <x-slot:icon>
        <img src="https://www.vektis.nl/assets/img/svg-anims/downloads-grafiek.svg">
    </x-slot:icon>
</x-brooch>

Voorbeeld

<div {{ $attributes->merge(['class' => 'brooch']) }}>
    @if($title)
        <span class="brooch__title">
            {{ $title }}
        </span>
    @endif

    {!! $slot !!}

    @if($icon)
        <div class="brooch__icon">
            {!! $icon !!}
        </div>
    @endif
</div>

Brooch <x-brooch>

Properties

Voorbeeldcode:

Brooch `<x-brooch>`