Footer
Footer
<!-- footer.blade.php -->
<footer class="c-footer" data-uid="673ed20094eac">
<div class="g-divider g-divider--lg"></div>
<div class="c-footer__body">
<a href="" class="c-footer__home-link">
<img id="logotype" src="/assets/img/logotype-grey-full.svg" alt="Go to homepage">
</a>
<div class="c-footer__nav">
<div class="c-footer__links">
<!-- typography.blade.php original: h4 -->
<h2 class="c-typography c-typography__variant--h4" data-uid="673ed20094f11">
About
</h2> <div class="c-footer__links">
<a target="_self"
href="/about/styleguide-structure">The styleguide</a>
<span class="c-footer__link-divider"></span>
<a target="_self"
href="/components">Atomic design</a>
<span class="c-footer__link-divider"></span>
<a target="_self"
href="/about/accessability">Accessability</a>
<span class="c-footer__link-divider"></span>
<a target="_self"
href="about/authors">Authors</a>
</div>
</div>
<div class="c-footer__links">
<!-- typography.blade.php original: h4 -->
<h3 class="c-typography c-typography__variant--h4" data-uid="673ed20094f52">
Documentation
</h3> <div class="c-footer__links">
<a target="_self"
href="/components">Components</a>
<span class="c-footer__link-divider"></span>
<a target="_self"
href="/icons">Icons</a>
<span class="c-footer__link-divider"></span>
<a target="_self"
href="/mixins">Mixins</a>
<span class="c-footer__link-divider"></span>
<a target="_self"
href="/script">Scripts</a>
<span class="c-footer__link-divider"></span>
<a target="_self"
href="/utilities">Utilities</a>
</div>
</div>
<div class="c-footer__links">
<!-- typography.blade.php original: h4 -->
<h4 class="c-typography c-typography__variant--h4" data-uid="673ed20094f87">
Links
</h4> <div class="c-footer__links">
<a target="_blank"
href="https://github.com/helsingborg-stad/styleguide">Github (Styleguide)</a>
<span class="c-footer__link-divider"></span>
<a target="_blank"
href="https://github.com/helsingborg-stad/blade-component-library">Github (Component Library)</a>
<span class="c-footer__link-divider"></span>
<a target="_blank"
href="https://helsingborg.se">Helsingborg.se</a>
</div>
</div>
</div>
</div>
</footer>
@footer([
'logotype' => '/assets/img/logotype-grey-full.svg',
'links' => [
'About' => [
'The styleguide' => ['href' => '/about/styleguide-structure'],
'Atomic design' => ['href' => '/components'],
'Accessability' => ['href' => '/about/accessability'],
'Authors' => ['href' => 'about/authors']
],
'Documentation' => [
'Components' => ['href' => '/components'],
'Icons' => ['href' => '/icons'],
'Mixins' => ['href' => '/mixins'],
'Scripts' => ['href' => '/script'],
'Utilities' => ['href' => '/utilities']
],
'Links' => [
'Github (Styleguide)' => ['target' => '_blank', 'href' => 'https://github.com/helsingborg-stad/styleguide'],
'Github (Component Library)' => ['target' => '_blank', 'href' => 'https://github.com/helsingborg-stad/blade-component-library'],
'Helsingborg.se' => ['target' => '_blank', 'href' => 'https://helsingborg.se'],
]
]
])
@endfooter
Blade component parameters
Key | Default value | Type | Available values | Description |
componentElement | footer | string | - | - |
slotOnly | false | boolean | - | - |
id | NULL | - | - | |
logotype | / | string | - | - |
logotypeHref | string | - | - | |
links | [] | array | - | - |
subfooterLogotype | string | - | - | |
prefooter | NULL | - | - | |
postfooter | NULL | - | - | |
footerareas | NULL | - | - | |
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. |