Logotype
Displays a grid of logotypes.
Logotypegrid
<!-- logotypegrid.blade.php -->
<div class="c-logotypegrid" data-uid="662bf00d82cec">
<a class="c-link c-logotypegrid__link" id="" href="https://helsingborg.se" target="_top" data-uid="662bf00d8344e">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="662bf00d833db">
<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="662bf00d834be">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="662bf00d8348f">
<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="662bf00d83520">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="662bf00d834ee">
<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="662bf00d83575">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="662bf00d8354d">
<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. |