Nav

Vertical navigation

<!-- nav.blade.php -->
 
    <ul id="62bed71d58c15" class="c-nav u-position--relative c-nav--depth-0 unlist c-nav--vertical" aria-orientation="vertical" data-uid="62bed71d58c0e" role="menu">
                    <li 
                id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default   has-fetched"
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete" 
                    >
                                                <span class="c-nav__text">Arbete</span>
                    </a>
                                
                                                            <button id="62bed71d5940a" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d59405">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d594a4" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d594a0">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                     
                        <!-- nav.blade.php -->
 
    <ul id="62bed71d594fe" class="c-nav c-nav--depth-1 unlist c-nav--vertical" aria-orientation="vertical" data-uid="62bed71d594fb" role="menu">
                    <li 
                id="62bed71d594fe-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default   has-fetched"
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d594fe-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d594fe-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Child 1 with a long name" 
                    >
                                                <span class="c-nav__text">Arbete - Child 1 with a long name</span>
                    </a>
                                
                                                            <button id="62bed71d5961d" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d59618">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5965e" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5965a">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                     
                        <!-- nav.blade.php -->
 
    <ul id="62bed71d5969a" class="c-nav c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" data-uid="62bed71d59697" role="menu">
                    <li 
                id="62bed71d5969a-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5969a-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d5969a-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Granchild 1" 
                    >
                                                <span class="c-nav__text">Arbete - Granchild 1</span>
                    </a>
                                
                                                            <button id="62bed71d5979a" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d59797">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d597d8" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d597d5">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
                    <li 
                id="62bed71d5969a-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5969a-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d5969a-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Granchild 2" 
                    >
                                                <span class="c-nav__text">Arbete - Granchild 2</span>
                    </a>
                                
                                                            <button id="62bed71d5985a" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d59857">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5988c" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5988a">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
            </ul>
                                                </li>
                    <li 
                id="62bed71d594fe-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d594fe-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d594fe-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Child 2" 
                    >
                                                <span class="c-nav__text">Arbete - Child 2</span>
                    </a>
                                
                            </li>
            </ul>
                                                </li>
                    <li 
                id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Bo, bygga och miljö" 
                    >
                                                <span class="c-nav__text">Bo, bygga och miljö</span>
                    </a>
                                
                                                            <button id="62bed71d5991e" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d5991b">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d59950" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5994d">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
                    <li 
                id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-2__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-2__label"
            >

                                    <a  id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-2__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Förskola och utbildning" 
                    >
                                                <span class="c-nav__text">Förskola och utbildning</span>
                    </a>
                                
                                                            <button id="62bed71d599cc" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d599c9">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d599fd" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d599fa">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
                    <li 
                id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-3__item" class="c-nav__item c-nav__item--default   has-fetched"
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-3__label"
            >

                                    <a  id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-3__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Kommun och politik" 
                    >
                                                <span class="c-nav__text">Kommun och politik</span>
                    </a>
                                
                                                            <button id="62bed71d59a75" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d59a72">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d59aa7" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d59aa4">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                     
                        <!-- nav.blade.php -->
 
    <ul id="62bed71d59ae0" class="c-nav c-nav--depth-1 unlist c-nav--vertical" aria-orientation="vertical" data-uid="62bed71d59add" role="menu">
                    <li 
                id="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="About" 
                    >
                                                <span class="c-nav__text">About</span>
                    </a>
                                
                            </li>
                    <li 
                id="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Contact" 
                    >
                                                <span class="c-nav__text">Contact</span>
                    </a>
                                
                            </li>
                    <li 
                id="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-2__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-2__label"
            >

                                    <a  id="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-2__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Links" 
                    >
                                                <span class="c-nav__text">Links</span>
                    </a>
                                
                            </li>
                    <li 
                id="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-3__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-3__label"
            >

                                    <a  id="62bed71d59ae0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-3__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="More info" 
                    >
                                                <span class="c-nav__text">More info</span>
                    </a>
                                
                            </li>
            </ul>
                                                </li>
                    <li 
                id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-4__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-4__label"
            >

                                    <a  id="62bed71d58c15-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-4__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Omsorg och stöd" 
                    >
                                                <span class="c-nav__text">Omsorg och stöd</span>
                    </a>
                                
                                                            <button id="62bed71d59c25" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d59c20">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d59c76" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d59c71">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
            </ul>
@nav([
    'items' => \HbgStyleGuide\Navigation::getMockedMultilevel(),
    'classList' => ['u-position--relative'],
    'childItemsUrl' => '/',
    'direction' => 'vertical',
    'includeToggle' => true
])
@endnav

Vertical navigation (with border)

<!-- nav.blade.php -->
 
    <ul id="62bed71d59f18" class="c-nav u-position--relative c-nav--bordered c-nav--depth-0 unlist c-nav--vertical" aria-orientation="vertical" data-uid="62bed71d59f13" role="menu">
                    <li 
                id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default   has-fetched"
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete" 
                    >
                                                <span class="c-nav__text">Arbete</span>
                    </a>
                                
                                                            <button id="62bed71d5a07c" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d5a078">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5a0c6" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5a0c2">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                     
                        <!-- nav.blade.php -->
 
    <ul id="62bed71d5a118" class="c-nav c-nav--depth-1 unlist c-nav--vertical" aria-orientation="vertical" data-uid="62bed71d5a114" role="menu">
                    <li 
                id="62bed71d5a118-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default   has-fetched"
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5a118-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d5a118-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Child 1 with a long name" 
                    >
                                                <span class="c-nav__text">Arbete - Child 1 with a long name</span>
                    </a>
                                
                                                            <button id="62bed71d5a25c" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d5a258">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5a2a3" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5a29f">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                     
                        <!-- nav.blade.php -->
 
    <ul id="62bed71d5a2f0" class="c-nav c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" data-uid="62bed71d5a2ec" role="menu">
                    <li 
                id="62bed71d5a2f0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5a2f0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d5a2f0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Granchild 1" 
                    >
                                                <span class="c-nav__text">Arbete - Granchild 1</span>
                    </a>
                                
                                                            <button id="62bed71d5a42c" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d5a428">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5a473" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5a46f">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
                    <li 
                id="62bed71d5a2f0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5a2f0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d5a2f0-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Granchild 2" 
                    >
                                                <span class="c-nav__text">Arbete - Granchild 2</span>
                    </a>
                                
                                                            <button id="62bed71d5a51b" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d5a517">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5a560" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5a55c">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
            </ul>
                                                </li>
                    <li 
                id="62bed71d5a118-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5a118-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d5a118-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Child 2" 
                    >
                                                <span class="c-nav__text">Arbete - Child 2</span>
                    </a>
                                
                            </li>
            </ul>
                                                </li>
                    <li 
                id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Bo, bygga och miljö" 
                    >
                                                <span class="c-nav__text">Bo, bygga och miljö</span>
                    </a>
                                
                                                            <button id="62bed71d5a627" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d5a623">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5a66c" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5a669">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
                    <li 
                id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-2__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-2__label"
            >

                                    <a  id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-2__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Förskola och utbildning" 
                    >
                                                <span class="c-nav__text">Förskola och utbildning</span>
                    </a>
                                
                                                            <button id="62bed71d5a710" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d5a70c">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5a753" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5a74f">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
                    <li 
                id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-3__item" class="c-nav__item c-nav__item--default   has-fetched"
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-3__label"
            >

                                    <a  id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-3__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Kommun och politik" 
                    >
                                                <span class="c-nav__text">Kommun och politik</span>
                    </a>
                                
                                                            <button id="62bed71d5a7f6" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d5a7f2">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5a839" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5a835">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                     
                        <!-- nav.blade.php -->
 
    <ul id="62bed71d5a882" class="c-nav c-nav--depth-1 unlist c-nav--vertical" aria-orientation="vertical" data-uid="62bed71d5a87f" role="menu">
                    <li 
                id="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="About" 
                    >
                                                <span class="c-nav__text">About</span>
                    </a>
                                
                            </li>
                    <li 
                id="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Contact" 
                    >
                                                <span class="c-nav__text">Contact</span>
                    </a>
                                
                            </li>
                    <li 
                id="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-2__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-2__label"
            >

                                    <a  id="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-2__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Links" 
                    >
                                                <span class="c-nav__text">Links</span>
                    </a>
                                
                            </li>
                    <li 
                id="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-3__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-3__label"
            >

                                    <a  id="62bed71d5a882-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-3__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="More info" 
                    >
                                                <span class="c-nav__text">More info</span>
                    </a>
                                
                            </li>
            </ul>
                                                </li>
                    <li 
                id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-4__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-4__label"
            >

                                    <a  id="62bed71d59f18-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-4__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Omsorg och stöd" 
                    >
                                                <span class="c-nav__text">Omsorg och stöd</span>
                    </a>
                                
                                                            <button id="62bed71d5aa0d" class="c-button c-nav__toggle js-toggle-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" href="" target="_top" js-toggle-trigger="" js-toggle-item="" type="button" aria-pressed="false" data-uid="62bed71d5aa0a">   
    <span class="c-button__label">
        
                    <span class="c-button__label-icon ">
                <!-- icon.blade.php -->
    <i id="62bed71d5aa45" class="c-icon c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="62bed71d5aa42">
                    expand_more
            </i>
            </span>
        
        
    </span>
</button>                    
                                                </li>
            </ul>
@nav([
    'items' => \HbgStyleGuide\Navigation::getMockedMultilevel(),
    'classList' => ['u-position--relative', 'c-nav--bordered'],
    'childItemsUrl' => '/',
    'direction' => 'vertical',
    'includeToggle' => true
])
@endnav

Horizontal navigation

<!-- nav.blade.php -->
 
    <ul id="62bed71d5ac6c" class="c-nav u-position--relative c-nav--depth-0 unlist c-nav--horizontal" aria-orientation="horizontal" js-keep-in-viewport-after-resize="1" data-uid="62bed71d5ac68" role="menu">
                    <li 
                id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete" 
                    >
                                                <span class="c-nav__text">Arbete</span>
                    </a>
                                
                                    
                                                </li>
                    <li 
                id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Bo, bygga och miljö" 
                    >
                                                <span class="c-nav__text">Bo, bygga och miljö</span>
                    </a>
                                
                                    
                                                </li>
                    <li 
                id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-2__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-2__label"
            >

                                    <a  id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-2__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Förskola och utbildning" 
                    >
                                                <span class="c-nav__text">Förskola och utbildning</span>
                    </a>
                                
                                    
                                                </li>
                    <li 
                id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-3__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-3__label"
            >

                                    <a  id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-3__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Kommun och politik" 
                    >
                                                <span class="c-nav__text">Kommun och politik</span>
                    </a>
                                
                                    
                                                </li>
                    <li 
                id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-4__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-4__label"
            >

                                    <a  id="62bed71d5ac6c-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-4__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Omsorg och stöd" 
                    >
                                                <span class="c-nav__text">Omsorg och stöd</span>
                    </a>
                                
                                    
                                                </li>
            </ul>
@nav([
    'items' => \HbgStyleGuide\Navigation::getMockedTopLevel(),
    'classList' => ['u-position--relative'],
    'childItemsUrl' => '/', //Currently unsupported in horizontal mode
    'direction' => 'horizontal',
    'includeToggle' => false //Currently unsupported in horizontal mode
])
@endnav

Horizontal navigation (with dropdown)

<!-- nav.blade.php -->
 
    <ul id="62bed71d5af49" class="c-nav u-position--relative c-nav--depth-0 unlist c-nav--horizontal" aria-orientation="horizontal" js-keep-in-viewport-after-resize="1" data-uid="62bed71d5af44" role="menu">
                    <li 
                id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default   has-fetched"
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete" 
                    >
                                                <span class="c-nav__text">Arbete</span>
                    </a>
                                
                                    
                     
                        <!-- nav.blade.php -->
 
    <ul id="62bed71d5b058" class="c-nav c-nav--depth-1 unlist c-nav--horizontal" aria-orientation="horizontal" js-keep-in-viewport-after-resize="1" data-uid="62bed71d5b054" role="menu">
                    <li 
                id="62bed71d5b058-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default   has-fetched"
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5b058-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d5b058-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Child 1 with a long name" 
                    >
                                                <span class="c-nav__text">Arbete - Child 1 with a long name</span>
                    </a>
                                
                                    
                     
                        <!-- nav.blade.php -->
 
    <ul id="62bed71d5b113" class="c-nav c-nav--depth-2 unlist c-nav--horizontal" aria-orientation="horizontal" js-keep-in-viewport-after-resize="1" data-uid="62bed71d5b110" role="menu">
                    <li 
                id="62bed71d5b113-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5b113-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d5b113-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Granchild 1" 
                    >
                                                <span class="c-nav__text">Arbete - Granchild 1</span>
                    </a>
                                
                                    
                                                </li>
                    <li 
                id="62bed71d5b113-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5b113-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d5b113-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Granchild 2" 
                    >
                                                <span class="c-nav__text">Arbete - Granchild 2</span>
                    </a>
                                
                                    
                                                </li>
            </ul>
                                                </li>
                    <li 
                id="62bed71d5b058-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5b058-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d5b058-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Arbete - Child 2" 
                    >
                                                <span class="c-nav__text">Arbete - Child 2</span>
                    </a>
                                
                            </li>
            </ul>
                                                </li>
                    <li 
                id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Bo, bygga och miljö" 
                    >
                                                <span class="c-nav__text">Bo, bygga och miljö</span>
                    </a>
                                
                                    
                                                </li>
                    <li 
                id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-2__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-2__label"
            >

                                    <a  id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-2__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Förskola och utbildning" 
                    >
                                                <span class="c-nav__text">Förskola och utbildning</span>
                    </a>
                                
                                    
                                                </li>
                    <li 
                id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-3__item" class="c-nav__item c-nav__item--default   has-fetched"
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-3__label"
            >

                                    <a  id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-3__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Kommun och politik" 
                    >
                                                <span class="c-nav__text">Kommun och politik</span>
                    </a>
                                
                                    
                     
                        <!-- nav.blade.php -->
 
    <ul id="62bed71d5b20b" class="c-nav c-nav--depth-1 unlist c-nav--horizontal" aria-orientation="horizontal" js-keep-in-viewport-after-resize="1" data-uid="62bed71d5b208" role="menu">
                    <li 
                id="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-0__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-0__label"
            >

                                    <a  id="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-0__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="About" 
                    >
                                                <span class="c-nav__text">About</span>
                    </a>
                                
                            </li>
                    <li 
                id="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-1__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-1__label"
            >

                                    <a  id="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-1__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Contact" 
                    >
                                                <span class="c-nav__text">Contact</span>
                    </a>
                                
                            </li>
                    <li 
                id="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-2__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-2__label"
            >

                                    <a  id="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-2__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Links" 
                    >
                                                <span class="c-nav__text">Links</span>
                    </a>
                                
                            </li>
                    <li 
                id="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-3__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-3__label"
            >

                                    <a  id="62bed71d5b20b-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-3__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="More info" 
                    >
                                                <span class="c-nav__text">More info</span>
                    </a>
                                
                            </li>
            </ul>
                                                </li>
                    <li 
                id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>6</b><br />
-4__item" class="c-nav__item c-nav__item--default  "
        
                
                
                role="menuitem"
                aria-labelledby="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>12</b><br />
-4__label"
            >

                                    <a  id="62bed71d5af49-<br />
<b>Notice</b>:  Undefined index: id in <b>/tmp/blade-engine-cache/60e2ad0d22925e478338daa1bb2be0749963221d.php</b> on line <b>33</b><br />
-4__label"
                        class="c-nav__link " 
                        href="#" 
                        aria-label="Omsorg och stöd" 
                    >
                                                <span class="c-nav__text">Omsorg och stöd</span>
                    </a>
                                
                                    
                                                </li>
            </ul>
<div style="height: 200px;"></div><!-- Padder -->
@nav([
    'items' => \HbgStyleGuide\Navigation::getMockedMultilevel(),
    'classList' => ['u-position--relative'],
    'childItemsUrl' => '/', //Currently unsupported in horizontal mode
    'direction' => 'horizontal',
    'includeToggle' => false //Currently unsupported in horizontal mode
])
@endnav
<div style="height: 200px;"></div><!-- Padder -->

Blade component parameters

Key Default value Type Available values Description
items [] array - An nested array of items containing: id, label, active, ancestor, children(bool = async loading, or array), href, style, class.
direction vertical string - Modifier for basic direction. Accept values: 'vertical', 'horizontal.'
includeToggle false boolean - Tells wheter to include toggle button to expand childs or not. Accept values: true, false.
allowStyle false boolean - Allow the use of style parameter in this menu (item.style = 'button')
depth 0 integer - Internal depth indicator, should not be used.
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: /mnt/persist/www/docroot_styleguide_v2/source/library/source/php/Component/Nav/nav.json