Logotype
Displays a grid of logotypes.
Logotypegrid
<!-- logotypegrid.blade.php -->
<div class="c-logotypegrid" data-uid="69080fd428df3">
<a class="c-link c-logotypegrid__item" href="https://helsingborg.se" target="_top" data-uid="69080fd428f2c">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="69080fd428ec0">
<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="69080fd428fcd">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="69080fd428f91">
<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="69080fd429052">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="69080fd429024">
<img src="/assets/img/logotype.svg" alt="Alt text" class="c-logotype__image">
</figure>
</a>
<div class="c-element c-logotypegrid__item" data-uid="69080fd42911a">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotypegrid__logo ripple ripple--before" data-uid="69080fd4290b2">
<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'
]
]])
@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. |