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. |