Logotype

Displays a grid of logotypes.

Logotypegrid

<!-- logotypegrid.blade.php -->
 
    <div class="c-logotypegrid" data-uid="69dec205b7dd9">
                                    <br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::offsetExists($key) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2060</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::offsetGet($key) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2071</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::offsetSet($key, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2083</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::offsetUnset($key) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2098</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::count() should either be compatible with Countable::count(): int, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>2007</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>1986</b><br />
<br />
<b>Deprecated</b>:  Return type of Illuminate\Support\Collection::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/webroot/ROOT/vendor/illuminate/support/Collection.php</b> on line <b>1955</b><br />
<a class="c-link c-logotypegrid__item" href="https://helsingborg.se" target="_top" data-uid="69dec205b88c0">
        <!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="69dec205b8833">
            <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="69dec205b89ac">
        <!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="69dec205b8971">
            <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="69dec205b8a78">
        <!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="69dec205b8a42">
            <img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image">
            </figure>
    </a>
                                                <div class="c-element c-logotypegrid__item" data-uid="69dec205b8e59">
        <!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="69dec205b8de5">
            <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