Footer

Footer

<!-- footer.blade.php -->
<footer class="c-footer" data-uid="6606454392fc6">
            <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="660645439304c">
    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="6606454393097">
    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="66064543930ea">
    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 false boolean - -
postfooter false boolean - -
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.
Settings location: /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/Footer/footer.json