Logotype

Displays a grid of logotypes.

Logotypegrid

<!-- logotypegrid.blade.php -->
 
    <div id="628f67ebbd70a" class="c-logotypegrid" data-uid="628f67ebbd703">
                    <a id="628f67ebbdce6" class="c-link c-logotypegrid__link" target="_top" href="https://helsingborg.se" role="link" data-uid="628f67ebbdce1">
        <!-- logotype.blade.php -->
<figure id="628f67ebbdb26" class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="628f67ebbdb22">
            <img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image" />
            </figure>
    </a>
                    <a id="628f67ebbdd74" class="c-link c-logotypegrid__link" target="_top" href="https://helsingborg.se" role="link" data-uid="628f67ebbdd71">
        <!-- logotype.blade.php -->
<figure id="628f67ebbdd3f" class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="628f67ebbdd3c">
            <img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image" />
            </figure>
    </a>
                    <a id="628f67ebbddd6" class="c-link c-logotypegrid__link" target="_top" href="https://helsingborg.se" role="link" data-uid="628f67ebbddd4">
        <!-- logotype.blade.php -->
<figure id="628f67ebbdda8" class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="628f67ebbdda6">
            <img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image" />
            </figure>
    </a>
                    <span id="628f67ebbde35" class="c-link c-logotypegrid__link" data-uid="628f67ebbde33">    
        <!-- logotype.blade.php -->
<figure id="628f67ebbde09" class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="628f67ebbde06">
            <img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image" />
            </figure>
    </span>
            </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: /mnt/persist/www/docroot_styleguide_v2/source/library/source/php/Component/Logotypegrid/logotypegrid.json