Notices
Get the users attention!
Type
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Tellus Sem Lorem Malesuada Ipsum
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. A link to something.
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Sed posuere consectetur est at lobortis.
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis.
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6971dffa11aa9" data-uid="6971dffa11ac4" aria-labelledby="notice__text__id_6971dffa11aa9">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa11c6b">
</span>
</span>
<span id="notice__text__id_6971dffa11aa9" data-js-notice-message="true" class="c-notice__message">
Tellus Sem Lorem Malesuada Ipsum
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6971dffa11cd0" data-uid="6971dffa11cde" aria-labelledby="notice__text__id_6971dffa11cd0">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--report c-icon--material c-icon--material-report material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="report" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa11d4b">
</span>
</span>
<span id="notice__text__id_6971dffa11cd0" data-js-notice-message="true" class="c-notice__message">
Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. <a href="#">A link to something.</a>
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6971dffa11da9" data-uid="6971dffa11db5" aria-labelledby="notice__text__id_6971dffa11da9">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--forum c-icon--material c-icon--material-forum material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-black c-icon--size-md" data-material-symbol="forum" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa11e17">
</span>
</span>
<span id="notice__text__id_6971dffa11da9" data-js-notice-message="true" class="c-notice__message">
Sed posuere consectetur est at lobortis.
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6971dffa11e5d" data-uid="6971dffa11e69" aria-labelledby="notice__text__id_6971dffa11e5d">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--accessibility c-icon--material c-icon--material-accessibility material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-black c-icon--size-md" data-material-symbol="accessibility" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa11ec3">
</span>
</span>
<span id="notice__text__id_6971dffa11e5d" data-js-notice-message="true" class="c-notice__message">
Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis.
</span>
</div>@notice([
'type' => 'success',
'message' => [
'text' => 'Tellus Sem Lorem Malesuada Ipsum',
],
'icon' => [
'name' => 'check',
'size' => 'md',
'color' => 'white'
]
])
@endnotice
@notice([
'type' => 'info',
'message' => [
'text' => 'Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. <a href="#">A link to something.</a>',
],
'icon' => [
'name' => 'report',
'size' => 'md',
'color' => 'white'
]
])
@endnotice
@notice([
'type' => 'danger',
'message' => [
'text' => 'Sed posuere consectetur est at lobortis.',
],
'icon' => [
'name' => 'forum',
'size' => 'md',
'color' => 'black'
]
])
@endnotice
@notice([
'type' => 'warning',
'message' => [
'text' => 'Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis.',
],
'icon' => [
'name' => 'accessibility',
'size' => 'md',
'color' => 'black'
]
])
@endnoticeIcon
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Icon color red.
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Icon size small
Without an icon.
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6971dffa122d2" data-uid="6971dffa122e2" aria-labelledby="notice__text__id_6971dffa122d2">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-primary c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa12353">
</span>
</span>
<span id="notice__text__id_6971dffa122d2" data-js-notice-message="true" class="c-notice__message">
Icon color red.
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6971dffa123a1" data-uid="6971dffa123ac" aria-labelledby="notice__text__id_6971dffa123a1">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--apps c-icon--material c-icon--material-apps material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-sm" data-material-symbol="apps" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa12405">
</span>
</span>
<span id="notice__text__id_6971dffa123a1" data-js-notice-message="true" class="c-notice__message">
Icon size small
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6971dffa12449" data-uid="6971dffa12453" aria-labelledby="notice__text__id_6971dffa12449">
<span id="notice__text__id_6971dffa12449" data-js-notice-message="true" class="c-notice__message">
Without an icon.
</span>
</div>@notice([
'type' => 'success',
'message' => [
'text' => 'Icon color red.',
],
'icon' => [
'name' => 'check',
'size' => 'md',
'color' => 'primary'
]
])
@endnotice
@notice([
'type' => 'success',
'message' => [
'text' => 'Icon size small',
],
'icon' => [
'name' => 'apps',
'size' => 'md',
'color' => 'white',
'size' => 'sm'
]
])
@endnotice
@notice([
'type' => 'success',
'message' => [
'text' => 'Without an icon.',
]
])
@endnoticeTitle
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Lorem ipsum
Tellus Sem Lorem Malesuada Ipsum<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6971dffa127cc" data-uid="6971dffa127db" aria-labelledby="notice__text__id_6971dffa127cc">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa1284c">
</span>
</span>
<!-- typography.blade.php original: h2 -->
<h2 class="c-typography c-notice__title c-typography__variant--h4" data-uid="6971dffa128c8">
Lorem ipsum
</h2>
<span id="notice__text__id_6971dffa127cc" data-js-notice-message="true" class="c-notice__message">
Tellus Sem Lorem Malesuada Ipsum
</span>
</div>@notice([
'type' => 'success',
'message' => [
'title' => 'Lorem ipsum',
'text' => 'Tellus Sem Lorem Malesuada Ipsum',
],
'icon' => [
'name' => 'check',
'size' => 'md',
'color' => 'white'
]
])
@endnoticeActions & dismiss
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: info, Timeout: immediate, Iteration: 1).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: success, Timeout: immediate, Iteration: 2).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: danger, Timeout: immediate, Iteration: 3).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: warning, Timeout: immediate, Iteration: 4).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: info, Timeout: session, Iteration: 1).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: info, Timeout: session, Iteration: 1).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: info, Timeout: session, Iteration: 1).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: success, Timeout: session, Iteration: 2).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: success, Timeout: session, Iteration: 2).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: success, Timeout: session, Iteration: 2).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: danger, Timeout: session, Iteration: 3).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: danger, Timeout: session, Iteration: 3).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: danger, Timeout: session, Iteration: 3).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: warning, Timeout: session, Iteration: 4).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: warning, Timeout: session, Iteration: 4).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: warning, Timeout: session, Iteration: 4).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: info, Timeout: permanent, Iteration: 1).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: success, Timeout: permanent, Iteration: 2).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: danger, Timeout: permanent, Iteration: 3).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="4b562ceccaf2b9d8d252e28032220264" data-dismissable-notice-timeout="immediate" id="id_6971dffa12d84" data-uid="6971dffa12d9c" aria-labelledby="notice__text__id_6971dffa12d84">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa12e13">
</span>
</span>
<span id="notice__text__id_6971dffa12d84" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa12ea3">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa12ef2">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa12f32">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="b871428e99a0e19aa5e1802d5d9b0bed" data-dismissable-notice-timeout="immediate" id="id_6971dffa12f7b" data-uid="6971dffa12f8c" aria-labelledby="notice__text__id_6971dffa12f7b">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa12fef">
</span>
</span>
<span id="notice__text__id_6971dffa12f7b" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa1303f">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa1307b">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6971dffa130bb" data-uid="6971dffa130c6" aria-labelledby="notice__text__id_6971dffa130bb">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa13131">
</span>
</span>
<span id="notice__text__id_6971dffa130bb" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: info, Timeout: immediate, Iteration: 1).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa1318b">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="ba8603fe5dad7845fbee2462af10d026" data-dismissable-notice-timeout="immediate" id="id_6971dffa131cc" data-uid="6971dffa131dd" aria-labelledby="notice__text__id_6971dffa131cc">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa1323c">
</span>
</span>
<span id="notice__text__id_6971dffa131cc" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa13289">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa132ca">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa13304">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="8545268fad0bb23a79e234762282b760" data-dismissable-notice-timeout="immediate" id="id_6971dffa13343" data-uid="6971dffa13353" aria-labelledby="notice__text__id_6971dffa13343">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa133b1">
</span>
</span>
<span id="notice__text__id_6971dffa13343" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa133fb">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa13434">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6971dffa13473" data-uid="6971dffa1347e" aria-labelledby="notice__text__id_6971dffa13473">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa134d5">
</span>
</span>
<span id="notice__text__id_6971dffa13473" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: success, Timeout: immediate, Iteration: 2).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa13530">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="a25a1eb154a5ea6b990916f384164bf9" data-dismissable-notice-timeout="immediate" id="id_6971dffa1356f" data-uid="6971dffa1357f" aria-labelledby="notice__text__id_6971dffa1356f">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa135da">
</span>
</span>
<span id="notice__text__id_6971dffa1356f" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa13628">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa13666">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa1369f">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="6ebdcf7bd3fb1e112b6ad6083986c472" data-dismissable-notice-timeout="immediate" id="id_6971dffa136df" data-uid="6971dffa136ee" aria-labelledby="notice__text__id_6971dffa136df">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa13748">
</span>
</span>
<span id="notice__text__id_6971dffa136df" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa13792">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa137cb">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6971dffa13807" data-uid="6971dffa13813" aria-labelledby="notice__text__id_6971dffa13807">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa1386c">
</span>
</span>
<span id="notice__text__id_6971dffa13807" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: danger, Timeout: immediate, Iteration: 3).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa138b7">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="e4c6fd39b407af492349fe386887cdfc" data-dismissable-notice-timeout="immediate" id="id_6971dffa13902" data-uid="6971dffa13912" aria-labelledby="notice__text__id_6971dffa13902">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa1396e">
</span>
</span>
<span id="notice__text__id_6971dffa13902" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa139ba">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa139f9">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa13a34">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="29191bf2ad3a04739048430f10513c2b" data-dismissable-notice-timeout="immediate" id="id_6971dffa13a71" data-uid="6971dffa13a81" aria-labelledby="notice__text__id_6971dffa13a71">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa13ada">
</span>
</span>
<span id="notice__text__id_6971dffa13a71" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa13b23">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa13b5c">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6971dffa13b99" data-uid="6971dffa13ba4" aria-labelledby="notice__text__id_6971dffa13b99">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa13bf9">
</span>
</span>
<span id="notice__text__id_6971dffa13b99" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: warning, Timeout: immediate, Iteration: 4).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa13c46">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="165fee388875415c5c0ba3152694d595" data-dismissable-notice-timeout="session" id="id_6971dffa13c87" data-uid="6971dffa13c96" aria-labelledby="notice__text__id_6971dffa13c87">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa13cfa">
</span>
</span>
<span id="notice__text__id_6971dffa13c87" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: info, Timeout: session, Iteration: 1).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa13d47">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa13d86">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa13dbf">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="6422ea0d2d82b00f6c2a102d6df42a14" data-dismissable-notice-timeout="session" id="id_6971dffa13dfd" data-uid="6971dffa13e0c" aria-labelledby="notice__text__id_6971dffa13dfd">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa13e69">
</span>
</span>
<span id="notice__text__id_6971dffa13dfd" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: info, Timeout: session, Iteration: 1).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa13eb3">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa13eec">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6971dffa13f2d" data-uid="6971dffa13f39" aria-labelledby="notice__text__id_6971dffa13f2d">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa13f90">
</span>
</span>
<span id="notice__text__id_6971dffa13f2d" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: info, Timeout: session, Iteration: 1).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa13fdb">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="2d4a10cb3530b41df41074bd7d3f6cee" data-dismissable-notice-timeout="session" id="id_6971dffa1401a" data-uid="6971dffa14029" aria-labelledby="notice__text__id_6971dffa1401a">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa14089">
</span>
</span>
<span id="notice__text__id_6971dffa1401a" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: success, Timeout: session, Iteration: 2).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa140de">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa1411f">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa14158">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="948172e255c362bb7734ca94366724c2" data-dismissable-notice-timeout="session" id="id_6971dffa141a1" data-uid="6971dffa141b8" aria-labelledby="notice__text__id_6971dffa141a1">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa14235">
</span>
</span>
<span id="notice__text__id_6971dffa141a1" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: success, Timeout: session, Iteration: 2).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa1429f">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa142f7">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6971dffa14358" data-uid="6971dffa14369" aria-labelledby="notice__text__id_6971dffa14358">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa143f7">
</span>
</span>
<span id="notice__text__id_6971dffa14358" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: success, Timeout: session, Iteration: 2).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa14484">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="608b45484365d324c7ae13ae361fee9c" data-dismissable-notice-timeout="session" id="id_6971dffa144fc" data-uid="6971dffa14514" aria-labelledby="notice__text__id_6971dffa144fc">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa145be">
</span>
</span>
<span id="notice__text__id_6971dffa144fc" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: danger, Timeout: session, Iteration: 3).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa1462d">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa1469b">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa14709">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="084cb6678c9b9a5f6c86d727b3c3cad7" data-dismissable-notice-timeout="session" id="id_6971dffa1477b" data-uid="6971dffa14792" aria-labelledby="notice__text__id_6971dffa1477b">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa14833">
</span>
</span>
<span id="notice__text__id_6971dffa1477b" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: danger, Timeout: session, Iteration: 3).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa148be">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa1491b">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6971dffa1498a" data-uid="6971dffa149aa" aria-labelledby="notice__text__id_6971dffa1498a">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa14a58">
</span>
</span>
<span id="notice__text__id_6971dffa1498a" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: danger, Timeout: session, Iteration: 3).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa14abf">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="932f471f10508ba42e1ce8f5741801ca" data-dismissable-notice-timeout="session" id="id_6971dffa14b07" data-uid="6971dffa14b16" aria-labelledby="notice__text__id_6971dffa14b07">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa14b7d">
</span>
</span>
<span id="notice__text__id_6971dffa14b07" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: warning, Timeout: session, Iteration: 4).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa14bca">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa14c0a">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa14c43">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="bb3f9d6d157fc0cdfa1c19e07c8f3c0e" data-dismissable-notice-timeout="session" id="id_6971dffa14c90" data-uid="6971dffa14ca0" aria-labelledby="notice__text__id_6971dffa14c90">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa14cfc">
</span>
</span>
<span id="notice__text__id_6971dffa14c90" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: warning, Timeout: session, Iteration: 4).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa14d47">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa14d80">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6971dffa14dbe" data-uid="6971dffa14dc9" aria-labelledby="notice__text__id_6971dffa14dbe">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa14e1f">
</span>
</span>
<span id="notice__text__id_6971dffa14dbe" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: warning, Timeout: session, Iteration: 4).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa14e6a">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="c82f78ffc10f9c62176fdaf8fdfcbc56" data-dismissable-notice-timeout="permanent" id="id_6971dffa14eaa" data-uid="6971dffa14eba" aria-labelledby="notice__text__id_6971dffa14eaa">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa14f11">
</span>
</span>
<span id="notice__text__id_6971dffa14eaa" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa14f5c">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa14f9a">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa14fd3">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="7331aeca68b9058ccd14f91d58ce5de0" data-dismissable-notice-timeout="permanent" id="id_6971dffa15011" data-uid="6971dffa15020" aria-labelledby="notice__text__id_6971dffa15011">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa15089">
</span>
</span>
<span id="notice__text__id_6971dffa15011" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa150d5">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa1510e">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6971dffa1514b" data-uid="6971dffa15156" aria-labelledby="notice__text__id_6971dffa1514b">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa151ad">
</span>
</span>
<span id="notice__text__id_6971dffa1514b" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: info, Timeout: permanent, Iteration: 1).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa151f7">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="ea1e39bccd46c9affec818a4b664be2d" data-dismissable-notice-timeout="permanent" id="id_6971dffa15233" data-uid="6971dffa15242" aria-labelledby="notice__text__id_6971dffa15233">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa15299">
</span>
</span>
<span id="notice__text__id_6971dffa15233" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa152e5">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa15323">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa1535b">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="f2ac951dc47fec4525c2b771709bdf0d" data-dismissable-notice-timeout="permanent" id="id_6971dffa15398" data-uid="6971dffa153a7" aria-labelledby="notice__text__id_6971dffa15398">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa15400">
</span>
</span>
<span id="notice__text__id_6971dffa15398" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa15455">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa1548f">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6971dffa154e2" data-uid="6971dffa154ee" aria-labelledby="notice__text__id_6971dffa154e2">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa15544">
</span>
</span>
<span id="notice__text__id_6971dffa154e2" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: success, Timeout: permanent, Iteration: 2).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa1558e">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="97bd0bb8221f4d926baf7a37f4279407" data-dismissable-notice-timeout="permanent" id="id_6971dffa155cb" data-uid="6971dffa155da" aria-labelledby="notice__text__id_6971dffa155cb">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa15631">
</span>
</span>
<span id="notice__text__id_6971dffa155cb" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa1567b">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa156bf">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa156f8">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="d8ba98c9bfae431b7edc60772000782f" data-dismissable-notice-timeout="permanent" id="id_6971dffa15736" data-uid="6971dffa15745" aria-labelledby="notice__text__id_6971dffa15736">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa1579f">
</span>
</span>
<span id="notice__text__id_6971dffa15736" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa157e7">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa1581f">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6971dffa1586a" data-uid="6971dffa15875" aria-labelledby="notice__text__id_6971dffa1586a">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa158cb">
</span>
</span>
<span id="notice__text__id_6971dffa1586a" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: danger, Timeout: permanent, Iteration: 3).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa15917">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div> <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="1ae5ec08582e7994bc7fe1be1e52e282" data-dismissable-notice-timeout="permanent" id="id_6971dffa15954" data-uid="6971dffa15963" aria-labelledby="notice__text__id_6971dffa15954">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa159ba">
</span>
</span>
<span id="notice__text__id_6971dffa15954" data-js-notice-message="true" class="c-notice__message">
This message has an action button and may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6971dffa15a03">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Go to home
</span>
</span> </a> </div>
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa15a41">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa15a7a">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="ada4ad1a4805c3951e0086b0502d04e4" data-dismissable-notice-timeout="permanent" id="id_6971dffa15ab7" data-uid="6971dffa15ac6" aria-labelledby="notice__text__id_6971dffa15ab7">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa15b1f">
</span>
</span>
<span id="notice__text__id_6971dffa15ab7" data-js-notice-message="true" class="c-notice__message">
This message may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
</span>
<div class="c-notice__actions">
<div class="c-notice__dismiss">
<button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6971dffa15b68">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-icon ">
<!-- icon.blade.php -->
<span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6971dffa15ba0">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6971dffa15bdd" data-uid="6971dffa15be9" aria-labelledby="notice__text__id_6971dffa15bdd">
<span class="c-notice__icon">
<br />
<b>Warning</b>: The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
<span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6971dffa15c4c">
</span>
</span>
<span id="notice__text__id_6971dffa15bdd" data-js-notice-message="true" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: warning, Timeout: permanent, Iteration: 4).
</span>
<div class="c-notice__actions">
<div class="c-notice__action">
<a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6971dffa15c99">
<span class="c-button__label"> <span class="c-button__loader"></span>
<span class="c-button__label-text ">
Undo
</span>
</span> </a> </div>
</div>
</div>@foreach(['immediate','session', 'permanent'] as $timeout)
@foreach (['info', 'success', 'danger', 'warning'] as $type)
@notice([
'type' => $type,
'message' => [
'text' => 'This message has an action button and may be dismissed (Type: '.$type.', Timeout: '.$timeout. ', Iteration: ' .$loop->iteration.').',
],
'action' => [
'text' => 'Go to home',
'url' => '#'
],
'dismissable' => $timeout,
'icon' => [
'name' => 'check',
'size' => 'md',
'color' => 'white'
]
])
@endnotice
@notice([
'type' => $type,
'message' => [
'text' => 'This message may be dismissed (Type: '.$type.', Timeout: '.$timeout. ', Iteration: ' .$loop->iteration.').',
],
'dismissable' => $timeout,
'icon' => [
'name' => 'check',
'size' => 'md',
'color' => 'white'
]
])
@endnotice
@notice([
'type' => $type,
'message' => [
'text' => 'This has a button to do a task but no dismiss action (Type: '.$type.', Timeout: '.$timeout. ', Iteration: ' .$loop->iteration.').',
],
'action' => [
'text' => 'Undo',
'url' => '#'
],
'icon' => [
'name' => 'check',
'size' => 'md',
'color' => 'white'
]
])
@endnotice
@endforeach
@endforeachBlade component parameters
| Key | Default value | Type | Available values | Description |
| type | info | string | - | Type of notice: success, warning, danger, info. |
| message | {"title":false,"text":false} | array | - | An array with two parameters: title and text |
| icon | false | boolean | - | The icon according to the @icon component. |
| stretch | false | boolean | - | If true, the notice will stretch to the full width of the viewport. |
| dismissable | false | boolean | - | If not false, the notice will have a close button. Allowed trueish values: immediate (show notice on reload), session (show notice at next visit, default), permanent (show notice when local storage is wiped). |
| action | false | boolean | - | An array with three parameters: label (text), url and position (aside|below). |
| 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. |