Logotype

Displays a grid of logotypes.

Logotypegrid

<!-- logotypegrid.blade.php -->
 
    <div class="c-logotypegrid" data-uid="690e5217b7dfa">
                                    <a class="c-link c-logotypegrid__item" href="https://helsingborg.se" target="_top" data-uid="690e5217b7f27">
        <!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="690e5217b7ebc">
            <img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image">
            </figure>
    </a>
                                                <a class="c-link c-logotypegrid__item" href="https://helsingborg.se" target="_top" data-uid="690e5217b7fb2">
        <!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="690e5217b7f84">
            <img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image">
            </figure>
    </a>
                                                <a class="c-link c-logotypegrid__item" href="https://helsingborg.se" target="_top" data-uid="690e5217b8028">
        <!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="690e5217b7fff">
            <img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image">
            </figure>
    </a>
                                                <div class="c-element c-logotypegrid__item" data-uid="690e5217b80de">
        <!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="690e5217b807d">
            <img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image">
            </figure>
    </div>
                        </div>

@logotypegrid(['items'=> [
    [
        'logo' => '/assets/img/logotype.svg',
        'alt' => 'Alt text',
        'url' => 'https://helsingborg.se'
    ],
    [
        'logo' => '/assets/img/logotype.svg',
        'alt' => 'Alt text',
        'url' => 'https://helsingborg.se'
    ],
    [
        'logo' => '/assets/img/logotype.svg',
        'alt' => 'Alt text',
        'url' => 'https://helsingborg.se'
    ],
    [
        'logo' => '/assets/img/logotype.svg',
        'alt' => 'Alt text'
    ]
]])
@endlogotypegrid

Blade component parameters

Key	Default value	Type	Available values	Description
items	[]	array	-	A list of items, containing: src, alt, url(optional)
id		string	-	The DOM id of the component.
classList	[]	array	-	Array containing wrapping classes array
attributeList	[]	array	-	Array containing keys and values rendered as attributes
containerAware	false	boolean	true/false	Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component.

Settings location: /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/Logotypegrid/logotypegrid.json