File-list `<x-file-list>`

Properties

Property	Attribute	Type	Default	Description
`Files`	`files`	`array`	`[]`	Verzameling van bestanden

Voorbeeldcode:


    $files = [
        [
            'name' => 'Caregiver icoon',
            'pathToFile' => '/assets/img/agb-code/caregiver.svg',
        ],
        [
            'name' => 'Chart icoon',
            'pathToFile' => 'assets/img/svg-anims/downloads-grafiek.svg',
        ],
    ];

    <x-file-list :files="$files" />

Caregiver icoon
Chart icoon

<ul {{ $attributes->merge(['class' => 'filelist'])->exceptProps(['files']) }}>
    @foreach($files as $file)
        <li class="filelist__item">
            <div class="filelist__label">{{ $file['name'] }}</div>
            <div class="filelist__link">
                <a href="{{ $file['pathToFile'] }}" class="button button--dark gtm-button" target="_blank" title="{{ $file['name'] }}">
                    @icon('arrow-down-to-line')
                </a>
            </div>
        </li>
    @endforeach
</ul>

File-list <x-file-list>

Properties

Voorbeeldcode:

File-list `<x-file-list>`