Card tile `<x-card-tile>`

Properties

Property	Attribute	Type	Default	Description
`image`	`image`	`string`	`''`	Afbeelding die in de tile komt te staan. De afbeelding is verplicht
`url`	`url`	`string`	`''`	De url waarnaar de card verwijst
`title`	`title`	`string`	`''`	Titel van de card
`titleTag`	`title-tag`	`string`	`h3`	Titel html element
`description`	`description`	`string`	`''`	Omschrijving van de card

Voorbeeldcode:

<x-card-tile
    image="/assets/img/logo-dark.svg"
    url="#"
    title="Voorbeeld"
    description="Dit is een voorbeeld omschrijving"
/>

Voorbeeld

Dit is een voorbeeld omschrijving

<div {{ $attributes->merge(['class' => 'card-tile' . ($disabled ? ' card-tile__disabled' : '')]) }}>
    <{{ $elementType }} {{ $url ? 'href='. $url : '#'}}>
        <div class="card-tile__tile">
            <img src="{{$image}}" alt="{{ $title ?? '' }}">
        </div>
    </{{ $elementType }}>

    @if($title)
        <{{ $elementType }} {{ $url ? 'href='. $url : '#'}}>
            <{{ $titleTag }} class="title title--h4 card-tile__title">
                {!! $title !!}
            </{{ $titleTag }}>
        </{{ $elementType }}>
    @endif

    @if($description)
        <div class="card-tile__description">
            {!! $description !!}
        </div>
    @endif
</div>

Card tile <x-card-tile>

Properties

Voorbeeldcode:

Voorbeeld

Card tile `<x-card-tile>`