Logotype
Displays a grid of logotypes.
Logotypegrid
<!-- logotypegrid.blade.php -->
<div class="c-logotypegrid" data-uid="673ed7d9e5aaa">
<a class="c-link c-logotypegrid__link" id="" href="https://helsingborg.se" target="_top" data-uid="673ed7d9e5b9b">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="673ed7d9e5b3a">
<img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image" />
</figure>
</a>
<a class="c-link c-logotypegrid__link" id="" href="https://helsingborg.se" target="_top" data-uid="673ed7d9e5c18">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="673ed7d9e5be9">
<img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image" />
</figure>
</a>
<a class="c-link c-logotypegrid__link" id="" href="https://helsingborg.se" target="_top" data-uid="673ed7d9e5c74">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="673ed7d9e5c49">
<img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image" />
</figure>
</a>
<span class="c-link c-logotypegrid__link" id="" target="_top" data-uid="673ed7d9e5cca">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="673ed7d9e5ca2">
<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'
]
]])
@endlogotypegridBlade 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. |