Nav
Vertical navigation
<!-- nav.blade.php -->
<ul class="c-nav u-position--relative c-nav--depth-1 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec813c8c" data-uid="662e1ec813c8c">
<li id="662e1ec813c8c-453012209706163577-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Arbete">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec813c8c-453012209706163577-0__label" href="#" target="_top" id="662e1ec813c8c-453012209706163577-0__label" data-uid="662e1ec813ea5">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete" type="button" data-uid="662e1ec813f3d">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec813f87">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec813ff0" data-uid="662e1ec813ff0">
<li id="662e1ec813ff0-4601899961506181354-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2 has-fetched has-children has-toggle" role="menuitem" data-depth="2" aria-label="Arbete - Child 1 with a long name">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec813ff0-4601899961506181354-0__label" href="#" target="_top" id="662e1ec813ff0-4601899961506181354-0__label" data-uid="662e1ec814110">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 1 with a long name
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Child 1 with a long name" type="button" data-uid="662e1ec814167">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8141a5">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-3 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec8141f0" data-uid="662e1ec8141f0">
<li id="662e1ec8141f0-1776764043859819079-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 1">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec8141f0-1776764043859819079-0__label" href="#" target="_top" id="662e1ec8141f0-1776764043859819079-0__label" data-uid="662e1ec8142fb">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 1
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 1" type="button" data-uid="662e1ec81434a">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec81438c">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec8141f0-527496652146520466-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec8141f0-527496652146520466-1__label" href="#" target="_top" id="662e1ec8141f0-527496652146520466-1__label" data-uid="662e1ec814496">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 2
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 2" type="button" data-uid="662e1ec8144e3">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec81451a">
</span>
</span>
</span> </button> </div>
</li>
</ul>
</li>
<li id="662e1ec813ff0-3446279608933143536-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Arbete - Child 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec813ff0-3446279608933143536-1__label" href="#" target="_top" id="662e1ec813ff0-3446279608933143536-1__label" data-uid="662e1ec81462b">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 2
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec813c8c-3462330393835644258-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Bo, bygga och miljö">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec813c8c-3462330393835644258-1__label" href="#" target="_top" id="662e1ec813c8c-3462330393835644258-1__label" data-uid="662e1ec814728">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Bo, bygga och miljö
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Bo, bygga och miljö" type="button" data-uid="662e1ec814776">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8147b4">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec813c8c-7851926178196204158-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Förskola och utbildning">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec813c8c-7851926178196204158-2__label" href="#" target="_top" id="662e1ec813c8c-7851926178196204158-2__label" data-uid="662e1ec8148a9">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Förskola och utbildning
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Förskola och utbildning" type="button" data-uid="662e1ec8148f4">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec814944">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec813c8c-7992318093096921381-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Kommun och politik">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec813c8c-7992318093096921381-3__label" href="#" target="_top" id="662e1ec813c8c-7992318093096921381-3__label" data-uid="662e1ec814a50">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Kommun och politik
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Kommun och politik" type="button" data-uid="662e1ec814aa3">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec814adf">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec814b2e" data-uid="662e1ec814b2e">
<li id="662e1ec814b2e-524323177456229560-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="About">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec814b2e-524323177456229560-0__label" href="#" target="_top" id="662e1ec814b2e-524323177456229560-0__label" data-uid="662e1ec814c66">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
About
</span>
</a>
</div>
</li>
<li id="662e1ec814b2e-1681897065097648617-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Contact">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec814b2e-1681897065097648617-1__label" href="#" target="_top" id="662e1ec814b2e-1681897065097648617-1__label" data-uid="662e1ec814d50">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Contact
</span>
</a>
</div>
</li>
<li id="662e1ec814b2e-6104874487445269058-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Links">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec814b2e-6104874487445269058-2__label" href="#" target="_top" id="662e1ec814b2e-6104874487445269058-2__label" data-uid="662e1ec814e2d">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Links
</span>
</a>
</div>
</li>
<li id="662e1ec814b2e-2519611022884585294-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="More info">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec814b2e-2519611022884585294-3__label" href="#" target="_top" id="662e1ec814b2e-2519611022884585294-3__label" data-uid="662e1ec814f6e">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
More info
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec813c8c-231587928200151248-4__item" class="c-nav__item c-nav__item--button c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Omsorg och stöd">
<div class="c-nav__item-wrapper">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>button</b> component should be of type <b>"string"</b> but was recieved as type <b>"boolean"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<a class="c-button c-nav__button c-button__filled c-button__filled--primary c-button--md" target="_top" aria-label="Omsorg och stöd" type="button" href="#" id="662e1ec813c8c - 231587928200151248-4__label" data-uid="662e1ec815019">
<span class="c-button__label">
<span class="c-button__label-text c-button__label-text--reverse">
Omsorg och stöd
</span>
</span> </a>
</div>
</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 class="c-nav u-position--relative c-nav--bordered c-nav--height-sm c-nav--depth-1 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec81514d" data-uid="662e1ec81514d">
<li id="662e1ec81514d-7878984406218279125-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Arbete">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81514d-7878984406218279125-0__label" href="#" target="_top" id="662e1ec81514d-7878984406218279125-0__label" data-uid="662e1ec815285">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete" type="button" data-uid="662e1ec8152db">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec815317">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec81536b" data-uid="662e1ec81536b">
<li id="662e1ec81536b-3898296364366792148-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2 has-fetched has-children has-toggle" role="menuitem" data-depth="2" aria-label="Arbete - Child 1 with a long name">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81536b-3898296364366792148-0__label" href="#" target="_top" id="662e1ec81536b-3898296364366792148-0__label" data-uid="662e1ec815481">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 1 with a long name
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Child 1 with a long name" type="button" data-uid="662e1ec8154d4">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec81550f">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-3 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec815558" data-uid="662e1ec815558">
<li id="662e1ec815558-4679169379999220365-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 1">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec815558-4679169379999220365-0__label" href="#" target="_top" id="662e1ec815558-4679169379999220365-0__label" data-uid="662e1ec815652">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 1
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 1" type="button" data-uid="662e1ec8156a3">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8156e6">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec815558-7051569338338562346-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec815558-7051569338338562346-1__label" href="#" target="_top" id="662e1ec815558-7051569338338562346-1__label" data-uid="662e1ec815803">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 2
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 2" type="button" data-uid="662e1ec81585b">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec815894">
</span>
</span>
</span> </button> </div>
</li>
</ul>
</li>
<li id="662e1ec81536b-1698360519647546891-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Arbete - Child 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81536b-1698360519647546891-1__label" href="#" target="_top" id="662e1ec81536b-1698360519647546891-1__label" data-uid="662e1ec81599f">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 2
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec81514d-6368485157152972074-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Bo, bygga och miljö">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81514d-6368485157152972074-1__label" href="#" target="_top" id="662e1ec81514d-6368485157152972074-1__label" data-uid="662e1ec815a99">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Bo, bygga och miljö
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Bo, bygga och miljö" type="button" data-uid="662e1ec815af1">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec815b3c">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec81514d-4000875687950292073-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Förskola och utbildning">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81514d-4000875687950292073-2__label" href="#" target="_top" id="662e1ec81514d-4000875687950292073-2__label" data-uid="662e1ec815c40">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Förskola och utbildning
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Förskola och utbildning" type="button" data-uid="662e1ec815c97">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec815cd0">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec81514d-3894894304189414399-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Kommun och politik">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81514d-3894894304189414399-3__label" href="#" target="_top" id="662e1ec81514d-3894894304189414399-3__label" data-uid="662e1ec815dc9">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Kommun och politik
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Kommun och politik" type="button" data-uid="662e1ec815e31">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec815e69">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec815eb1" data-uid="662e1ec815eb1">
<li id="662e1ec815eb1-1537454191849540990-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="About">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec815eb1-1537454191849540990-0__label" href="#" target="_top" id="662e1ec815eb1-1537454191849540990-0__label" data-uid="662e1ec815fb9">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
About
</span>
</a>
</div>
</li>
<li id="662e1ec815eb1-827999792697347136-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Contact">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec815eb1-827999792697347136-1__label" href="#" target="_top" id="662e1ec815eb1-827999792697347136-1__label" data-uid="662e1ec81609b">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Contact
</span>
</a>
</div>
</li>
<li id="662e1ec815eb1-5456861175493476476-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Links">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec815eb1-5456861175493476476-2__label" href="#" target="_top" id="662e1ec815eb1-5456861175493476476-2__label" data-uid="662e1ec81617c">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Links
</span>
</a>
</div>
</li>
<li id="662e1ec815eb1-7984688386103220819-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="More info">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec815eb1-7984688386103220819-3__label" href="#" target="_top" id="662e1ec815eb1-7984688386103220819-3__label" data-uid="662e1ec816255">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
More info
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec81514d-5755738050465516656-4__item" class="c-nav__item c-nav__item--button c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Omsorg och stöd">
<div class="c-nav__item-wrapper">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>button</b> component should be of type <b>"string"</b> but was recieved as type <b>"boolean"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<a class="c-button c-nav__button c-button__filled c-button__filled--primary c-button--sm" target="_top" aria-label="Omsorg och stöd" type="button" href="#" id="662e1ec81514d - 5755738050465516656-4__label" data-uid="662e1ec8162e9">
<span class="c-button__label">
<span class="c-button__label-text c-button__label-text--reverse">
Omsorg och stöd
</span>
</span> </a>
</div>
</li>
</ul>
@nav([
'items' => \HbgStyleGuide\Navigation::getMockedMultilevel(),
'classList' => ['u-position--relative', 'c-nav--bordered'],
'childItemsUrl' => '/',
'direction' => 'vertical',
'includeToggle' => true,
'height' => 'sm'
])
@endnav
Horizontal navigation
<!-- nav.blade.php -->
<ul class="c-nav u-position--relative c-nav--depth-1 unlist c-nav--horizontal" aria-orientation="horizontal" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec816407" data-uid="662e1ec816407">
<li id="662e1ec816407-5855451910507750035-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1" role="menuitem" data-depth="1" aria-label="Arbete">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816407-5855451910507750035-0__label" href="#" target="_top" id="662e1ec816407-5855451910507750035-0__label" data-uid="662e1ec816517">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete
</span>
</a>
</div>
</li>
<li id="662e1ec816407-3714973749707172002-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1" role="menuitem" data-depth="1" aria-label="Bo, bygga och miljö">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816407-3714973749707172002-1__label" href="#" target="_top" id="662e1ec816407-3714973749707172002-1__label" data-uid="662e1ec816616">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Bo, bygga och miljö
</span>
</a>
</div>
</li>
<li id="662e1ec816407-411842669543974690-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1" role="menuitem" data-depth="1" aria-label="Förskola och utbildning">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816407-411842669543974690-2__label" href="#" target="_top" id="662e1ec816407-411842669543974690-2__label" data-uid="662e1ec81670b">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Förskola och utbildning
</span>
</a>
</div>
</li>
<li id="662e1ec816407-6447308164512321587-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1" role="menuitem" data-depth="1" aria-label="Kommun och politik">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816407-6447308164512321587-3__label" href="#" target="_top" id="662e1ec816407-6447308164512321587-3__label" data-uid="662e1ec8167fd">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Kommun och politik
</span>
</a>
</div>
</li>
<li id="662e1ec816407-1962358477317998291-4__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1" role="menuitem" data-depth="1" aria-label="Omsorg och stöd">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816407-1962358477317998291-4__label" href="#" target="_top" id="662e1ec816407-1962358477317998291-4__label" data-uid="662e1ec8168e8">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Omsorg och stöd
</span>
</a>
</div>
</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)
<div class="u-color__bg--lighter">
<!-- nav.blade.php -->
<ul class="c-nav u-position--relative c-nav--height-sm c-nav--depth-1 unlist c-nav--horizontal" aria-orientation="horizontal" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec816a05" data-uid="662e1ec816a05">
<li id="662e1ec816a05-8800193265783352219-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Arbete">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816a05-8800193265783352219-0__label" href="#" target="_top" id="662e1ec816a05-8800193265783352219-0__label" data-uid="662e1ec816bbf">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete" type="button" data-uid="662e1ec816c26">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec816c68">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec816cb8" data-uid="662e1ec816cb8">
<li id="662e1ec816cb8-6204010509002837300-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2 has-fetched has-children has-toggle" role="menuitem" data-depth="2" aria-label="Arbete - Child 1 with a long name">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816cb8-6204010509002837300-0__label" href="#" target="_top" id="662e1ec816cb8-6204010509002837300-0__label" data-uid="662e1ec816dd1">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 1 with a long name
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Child 1 with a long name" type="button" data-uid="662e1ec816e28">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec816e65">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-3 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec816ebc" data-uid="662e1ec816ebc">
<li id="662e1ec816ebc-7867490345653475355-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 1">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816ebc-7867490345653475355-0__label" href="#" target="_top" id="662e1ec816ebc-7867490345653475355-0__label" data-uid="662e1ec816fbd">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 1
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 1" type="button" data-uid="662e1ec817011">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec81704d">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec816ebc-6543493183049170043-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816ebc-6543493183049170043-1__label" href="#" target="_top" id="662e1ec816ebc-6543493183049170043-1__label" data-uid="662e1ec817152">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 2
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 2" type="button" data-uid="662e1ec81719f">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8171d5">
</span>
</span>
</span> </button> </div>
</li>
</ul>
</li>
<li id="662e1ec816cb8-2519239899326914718-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Arbete - Child 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816cb8-2519239899326914718-1__label" href="#" target="_top" id="662e1ec816cb8-2519239899326914718-1__label" data-uid="662e1ec8172d9">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 2
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec816a05-3982585840130039531-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Bo, bygga och miljö">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816a05-3982585840130039531-1__label" href="#" target="_top" id="662e1ec816a05-3982585840130039531-1__label" data-uid="662e1ec8173ba">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Bo, bygga och miljö
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Bo, bygga och miljö" type="button" data-uid="662e1ec817406">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec81743d">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec816a05-8432086307568735123-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Förskola och utbildning">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816a05-8432086307568735123-2__label" href="#" target="_top" id="662e1ec816a05-8432086307568735123-2__label" data-uid="662e1ec81752c">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Förskola och utbildning
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Förskola och utbildning" type="button" data-uid="662e1ec817577">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8175ad">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec816a05-4381659807361256962-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Kommun och politik">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec816a05-4381659807361256962-3__label" href="#" target="_top" id="662e1ec816a05-4381659807361256962-3__label" data-uid="662e1ec8176ae">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Kommun och politik
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Kommun och politik" type="button" data-uid="662e1ec8176fe">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec817735">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec81777a" data-uid="662e1ec81777a">
<li id="662e1ec81777a-5397056833139762492-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="About">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81777a-5397056833139762492-0__label" href="#" target="_top" id="662e1ec81777a-5397056833139762492-0__label" data-uid="662e1ec81786a">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
About
</span>
</a>
</div>
</li>
<li id="662e1ec81777a-2333970822390943332-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Contact">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81777a-2333970822390943332-1__label" href="#" target="_top" id="662e1ec81777a-2333970822390943332-1__label" data-uid="662e1ec817940">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Contact
</span>
</a>
</div>
</li>
<li id="662e1ec81777a-5988657357077916112-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Links">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81777a-5988657357077916112-2__label" href="#" target="_top" id="662e1ec81777a-5988657357077916112-2__label" data-uid="662e1ec817a13">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Links
</span>
</a>
</div>
</li>
<li id="662e1ec81777a-1092193583098429335-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="More info">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec81777a-1092193583098429335-3__label" href="#" target="_top" id="662e1ec81777a-1092193583098429335-3__label" data-uid="662e1ec817aee">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
More info
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec816a05-9010928957411761868-4__item" class="c-nav__item c-nav__item--button c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Omsorg och stöd">
<div class="c-nav__item-wrapper">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>button</b> component should be of type <b>"string"</b> but was recieved as type <b>"boolean"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<a class="c-button c-nav__button c-button__filled c-button__filled--primary c-button--sm" target="_top" aria-label="Omsorg och stöd" type="button" href="#" id="662e1ec816a05 - 9010928957411761868-4__label" data-uid="662e1ec817b7c">
<span class="c-button__label">
<span class="c-button__label-text c-button__label-text--reverse">
Omsorg och stöd
</span>
</span> </a>
</div>
</li>
</ul>
</div>
<div style="height: 100px;"></div><!-- Padder -->
<div class="u-color__bg--lighter">
<!-- nav.blade.php -->
<ul class="c-nav u-position--relative c-nav--height-md c-nav--depth-1 unlist c-nav--horizontal" aria-orientation="horizontal" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec817be3" data-uid="662e1ec817be3">
<li id="662e1ec817be3-6031508627633917437-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Arbete">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec817be3-6031508627633917437-0__label" href="#" target="_top" id="662e1ec817be3-6031508627633917437-0__label" data-uid="662e1ec817cee">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete" type="button" data-uid="662e1ec817d40">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec817d7b">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec817dd5" data-uid="662e1ec817dd5">
<li id="662e1ec817dd5-7780243726916763922-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2 has-fetched has-children has-toggle" role="menuitem" data-depth="2" aria-label="Arbete - Child 1 with a long name">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec817dd5-7780243726916763922-0__label" href="#" target="_top" id="662e1ec817dd5-7780243726916763922-0__label" data-uid="662e1ec817eed">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 1 with a long name
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Child 1 with a long name" type="button" data-uid="662e1ec817f42">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec817f7d">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-3 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec817fc8" data-uid="662e1ec817fc8">
<li id="662e1ec817fc8-4180365492921194282-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 1">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec817fc8-4180365492921194282-0__label" href="#" target="_top" id="662e1ec817fc8-4180365492921194282-0__label" data-uid="662e1ec8180cf">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 1
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 1" type="button" data-uid="662e1ec81811c">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec818154">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec817fc8-1287770503628756224-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec817fc8-1287770503628756224-1__label" href="#" target="_top" id="662e1ec817fc8-1287770503628756224-1__label" data-uid="662e1ec818273">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 2
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 2" type="button" data-uid="662e1ec8182bf">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8182f6">
</span>
</span>
</span> </button> </div>
</li>
</ul>
</li>
<li id="662e1ec817dd5-2974990632024269778-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Arbete - Child 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec817dd5-2974990632024269778-1__label" href="#" target="_top" id="662e1ec817dd5-2974990632024269778-1__label" data-uid="662e1ec8183f0">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 2
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec817be3-6343186920483894393-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Bo, bygga och miljö">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec817be3-6343186920483894393-1__label" href="#" target="_top" id="662e1ec817be3-6343186920483894393-1__label" data-uid="662e1ec8184d0">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Bo, bygga och miljö
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Bo, bygga och miljö" type="button" data-uid="662e1ec81851d">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec818554">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec817be3-5631866052016427026-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Förskola och utbildning">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec817be3-5631866052016427026-2__label" href="#" target="_top" id="662e1ec817be3-5631866052016427026-2__label" data-uid="662e1ec81864a">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Förskola och utbildning
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Förskola och utbildning" type="button" data-uid="662e1ec818695">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8186cb">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec817be3-339736801292936300-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Kommun och politik">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec817be3-339736801292936300-3__label" href="#" target="_top" id="662e1ec817be3-339736801292936300-3__label" data-uid="662e1ec818828">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Kommun och politik
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Kommun och politik" type="button" data-uid="662e1ec81887d">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8188b7">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec818900" data-uid="662e1ec818900">
<li id="662e1ec818900-7507376294818345609-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="About">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818900-7507376294818345609-0__label" href="#" target="_top" id="662e1ec818900-7507376294818345609-0__label" data-uid="662e1ec818a0a">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
About
</span>
</a>
</div>
</li>
<li id="662e1ec818900-579462754186052834-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Contact">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818900-579462754186052834-1__label" href="#" target="_top" id="662e1ec818900-579462754186052834-1__label" data-uid="662e1ec818aee">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Contact
</span>
</a>
</div>
</li>
<li id="662e1ec818900-7767979061836797406-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Links">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818900-7767979061836797406-2__label" href="#" target="_top" id="662e1ec818900-7767979061836797406-2__label" data-uid="662e1ec818bc9">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Links
</span>
</a>
</div>
</li>
<li id="662e1ec818900-7527462198396852817-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="More info">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818900-7527462198396852817-3__label" href="#" target="_top" id="662e1ec818900-7527462198396852817-3__label" data-uid="662e1ec818ca2">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
More info
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec817be3-7284119985425768791-4__item" class="c-nav__item c-nav__item--button c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Omsorg och stöd">
<div class="c-nav__item-wrapper">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>button</b> component should be of type <b>"string"</b> but was recieved as type <b>"boolean"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<a class="c-button c-nav__button c-button__filled c-button__filled--primary c-button--md" target="_top" aria-label="Omsorg och stöd" type="button" href="#" id="662e1ec817be3 - 7284119985425768791-4__label" data-uid="662e1ec818d42">
<span class="c-button__label">
<span class="c-button__label-text c-button__label-text--reverse">
Omsorg och stöd
</span>
</span> </a>
</div>
</li>
</ul>
</div>
<div style="height: 100px;"></div><!-- Padder -->
<div class="u-color__bg--lighter">
<!-- nav.blade.php -->
<ul class="c-nav u-position--relative c-nav--height-lg c-nav--depth-1 unlist c-nav--horizontal" aria-orientation="horizontal" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec818db7" data-uid="662e1ec818db7">
<li id="662e1ec818db7-1895771498346131085-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Arbete">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818db7-1895771498346131085-0__label" href="#" target="_top" id="662e1ec818db7-1895771498346131085-0__label" data-uid="662e1ec818eca">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete" type="button" data-uid="662e1ec818f1d">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec818f57">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec818fa0" data-uid="662e1ec818fa0">
<li id="662e1ec818fa0-5884476906562718377-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2 has-fetched has-children has-toggle" role="menuitem" data-depth="2" aria-label="Arbete - Child 1 with a long name">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818fa0-5884476906562718377-0__label" href="#" target="_top" id="662e1ec818fa0-5884476906562718377-0__label" data-uid="662e1ec81909b">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 1 with a long name
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Child 1 with a long name" type="button" data-uid="662e1ec8190ed">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec819128">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-3 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec819172" data-uid="662e1ec819172">
<li id="662e1ec819172-4830294676813341360-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 1">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec819172-4830294676813341360-0__label" href="#" target="_top" id="662e1ec819172-4830294676813341360-0__label" data-uid="662e1ec8192a1">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 1
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 1" type="button" data-uid="662e1ec8192f5">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec819336">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec819172-1281717328983558797-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-3 has-children has-toggle" role="menuitem" data-depth="3" aria-label="Arbete - Granchild 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec819172-1281717328983558797-1__label" href="#" target="_top" id="662e1ec819172-1281717328983558797-1__label" data-uid="662e1ec81943e">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Granchild 2
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Arbete - Granchild 2" type="button" data-uid="662e1ec819490">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8194c9">
</span>
</span>
</span> </button> </div>
</li>
</ul>
</li>
<li id="662e1ec818fa0-8210327632911627790-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Arbete - Child 2">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818fa0-8210327632911627790-1__label" href="#" target="_top" id="662e1ec818fa0-8210327632911627790-1__label" data-uid="662e1ec8195d5">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Arbete - Child 2
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec818db7-4092216762148873673-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Bo, bygga och miljö">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818db7-4092216762148873673-1__label" href="#" target="_top" id="662e1ec818db7-4092216762148873673-1__label" data-uid="662e1ec8196c7">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Bo, bygga och miljö
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Bo, bygga och miljö" type="button" data-uid="662e1ec819718">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec819751">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec818db7-9155121975456739678-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Förskola och utbildning">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818db7-9155121975456739678-2__label" href="#" target="_top" id="662e1ec818db7-9155121975456739678-2__label" data-uid="662e1ec819849">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Förskola och utbildning
</span>
</a>
<button class="c-button c-nav__toggle js-async-children c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Förskola och utbildning" type="button" data-uid="662e1ec81989a">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec8198d2">
</span>
</span>
</span> </button> </div>
</li>
<li id="662e1ec818db7-1727579142264946278-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-1 has-fetched has-children has-toggle" role="menuitem" data-depth="1" aria-label="Kommun och politik">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec818db7-1727579142264946278-3__label" href="#" target="_top" id="662e1ec818db7-1727579142264946278-3__label" data-uid="662e1ec819a0b">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Kommun och politik
</span>
</a>
<button class="c-button c-nav__toggle c-button__basic c-button__basic--default c-button--md c-button--icon-only" target="_top" aria-label="Expand: Kommun och politik" type="button" data-uid="662e1ec819a5c">
<span class="c-button__label">
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--expand-more c-icon--material c-icon--material-expand_more material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" aria-hidden="true" material-symbol="expand_more" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662e1ec819a95">
</span>
</span>
</span> </button> </div>
<!-- nav.blade.php -->
<ul class="c-nav c-nav--bordered c-nav--height-sm c-nav--depth-2 unlist c-nav--vertical" aria-orientation="vertical" role="menu" js-keep-in-viewport-after-resize="1" id="662e1ec819adc" data-uid="662e1ec819adc">
<li id="662e1ec819adc-3538589377834990318-0__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="About">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec819adc-3538589377834990318-0__label" href="#" target="_top" id="662e1ec819adc-3538589377834990318-0__label" data-uid="662e1ec819bd7">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
About
</span>
</a>
</div>
</li>
<li id="662e1ec819adc-6002462117367030223-1__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Contact">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec819adc-6002462117367030223-1__label" href="#" target="_top" id="662e1ec819adc-6002462117367030223-1__label" data-uid="662e1ec819cb4">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Contact
</span>
</a>
</div>
</li>
<li id="662e1ec819adc-6045835568362374865-2__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="Links">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec819adc-6045835568362374865-2__label" href="#" target="_top" id="662e1ec819adc-6045835568362374865-2__label" data-uid="662e1ec819d9b">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
Links
</span>
</a>
</div>
</li>
<li id="662e1ec819adc-3990393154619663758-3__item" class="c-nav__item c-nav__item--default c-nav__item--depth-2" role="menuitem" data-depth="2" aria-label="More info">
<div class="c-nav__item-wrapper">
<a class="c-link c-nav__link" id="662e1ec819adc-3990393154619663758-3__label" href="#" target="_top" id="662e1ec819adc-3990393154619663758-3__label" data-uid="662e1ec819e7b">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: The parameter <b>"size"</b> in the <b>icon</b> component should be of type <b>"string"</b> but was recieved as type <b>"NULL"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<br />
<b>Deprecated</b>: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/BaseController.php</b> on line <b>418</b><br />
<!-- icon.blade.php -->
<span
class="c-nav__text"
style="">
More info
</span>
</a>
</div>
</li>
</ul>
</li>
<li id="662e1ec818db7-8485118879713656865-4__item" class="c-nav__item c-nav__item--button c-nav__item--depth-1 has-children has-toggle" role="menuitem" data-depth="1" aria-label="Omsorg och stöd">
<div class="c-nav__item-wrapper">
<br />
<b>Warning</b>: The parameter <b>"icon"</b> in the <b>button</b> component should be of type <b>"string"</b> but was recieved as type <b>"boolean"</b>. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>228</b><br />
<a class="c-button c-nav__button c-button__filled c-button__filled--primary c-button--md" target="_top" aria-label="Omsorg och stöd" type="button" href="#" id="662e1ec818db7 - 8485118879713656865-4__label" data-uid="662e1ec819f04">
<span class="c-button__label">
<span class="c-button__label-text c-button__label-text--reverse">
Omsorg och stöd
</span>
</span> </a>
</div>
</li>
</ul>
</div>
<div style="height: 100px;"></div><!-- Padder -->
<div class="u-color__bg--lighter">
@nav([
'items' => \HbgStyleGuide\Navigation::getMockedMultilevel(),
'classList' => ['u-position--relative'],
'childItemsUrl' => '/',
'direction' => 'horizontal',
'includeToggle' => true,
'allowStyle' => true,
'height' => 'sm'
])
@endnav
</div>
<div style="height: 100px;"></div><!-- Padder -->
<div class="u-color__bg--lighter">
@nav([
'items' => \HbgStyleGuide\Navigation::getMockedMultilevel(),
'classList' => ['u-position--relative'],
'childItemsUrl' => '/',
'direction' => 'horizontal',
'includeToggle' => true,
'allowStyle' => true,
'height' => 'md'
])
@endnav
</div>
<div style="height: 100px;"></div><!-- Padder -->
<div class="u-color__bg--lighter">
@nav([
'items' => \HbgStyleGuide\Navigation::getMockedMultilevel(),
'classList' => ['u-position--relative'],
'childItemsUrl' => '/',
'direction' => 'horizontal',
'includeToggle' => true,
'allowStyle' => true,
'height' => 'lg'
])
@endnav
</div>
<div style="height: 100px;"></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, and color (which overrides the color settings). Attribute list may also contain 'data-fetch-url' to enable asyncrounous fetching. |
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 | true | boolean | - | Allow the use of style parameter in this menu (item.style = 'button') |
buttonStyle | filled | string | - | If the nav is presenting buttons, what style they should be in. |
buttonColor | primary | string | - | If the nav is presenting buttons, what color they should be in. |
expandLabel | Expand | string | - | Prefix for labels on expand arrow. Will result in Expand: Link label, or if label is missing, just Expand. |
height | string | - | The default height of the menu (only supports horizontal navigation). Values: sm, md, lg. | |
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. |