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_69ded661ae44f" data-uid="69ded661ae469" aria-labelledby="notice__text__id_69ded661ae44f">
<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="69ded661ae66e">
</span>
</span>
<span id="notice__text__id_69ded661ae44f" 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_69ded661ae6d4" data-uid="69ded661ae6e2" aria-labelledby="notice__text__id_69ded661ae6d4">
<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="69ded661ae751">
</span>
</span>
<span id="notice__text__id_69ded661ae6d4" 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_69ded661ae79d" data-uid="69ded661ae7a9" aria-labelledby="notice__text__id_69ded661ae79d">
<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="69ded661ae80d">
</span>
</span>
<span id="notice__text__id_69ded661ae79d" 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_69ded661ae854" data-uid="69ded661ae85f" aria-labelledby="notice__text__id_69ded661ae854">
<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="69ded661ae8b9">
</span>
</span>
<span id="notice__text__id_69ded661ae854" 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_69ded661ae947" data-uid="69ded661ae952" aria-labelledby="notice__text__id_69ded661ae947">
<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="69ded661ae9a8">
</span>
</span>
<span id="notice__text__id_69ded661ae947" 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_69ded661ae9e7" data-uid="69ded661ae9f1" aria-labelledby="notice__text__id_69ded661ae9e7">
<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="69ded661aea40">
</span>
</span>
<span id="notice__text__id_69ded661ae9e7" 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_69ded661aea7c" data-uid="69ded661aea86" aria-labelledby="notice__text__id_69ded661aea7c">
<span id="notice__text__id_69ded661aea7c" 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_69ded661aeaf7" data-uid="69ded661aeb00" aria-labelledby="notice__text__id_69ded661aeaf7">
<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="69ded661aeb51">
</span>
</span>
<!-- typography.blade.php original: h2 -->
<h2 class="c-typography c-notice__title c-typography__variant--h4" data-uid="69ded661aebc7">
Lorem ipsum
</h2>
<span id="notice__text__id_69ded661aeaf7" 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_69ded661aec48" data-uid="69ded661aec59" aria-labelledby="notice__text__id_69ded661aec48">
<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="69ded661aecb4">
</span>
</span>
<span id="notice__text__id_69ded661aec48" 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="69ded661aed3b">
<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="69ded661aed80">
<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="69ded661aedb8">
</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_69ded661aedf2" data-uid="69ded661aee00" aria-labelledby="notice__text__id_69ded661aedf2">
<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="69ded661aee59">
</span>
</span>
<span id="notice__text__id_69ded661aedf2" 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="69ded661aee9f">
<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="69ded661aeed4">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_69ded661aef0b" data-uid="69ded661aef15" aria-labelledby="notice__text__id_69ded661aef0b">
<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="69ded661aef69">
</span>
</span>
<span id="notice__text__id_69ded661aef0b" 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="69ded661aefae">
<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_69ded661aeff2" data-uid="69ded661af000" aria-labelledby="notice__text__id_69ded661aeff2">
<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="69ded661af053">
</span>
</span>
<span id="notice__text__id_69ded661aeff2" 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="69ded661af096">
<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="69ded661af0cf">
<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="69ded661af102">
</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_69ded661af139" data-uid="69ded661af146" aria-labelledby="notice__text__id_69ded661af139">
<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="69ded661af198">
</span>
</span>
<span id="notice__text__id_69ded661af139" 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="69ded661af1da">
<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="69ded661af20c">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_69ded661af243" data-uid="69ded661af24c" aria-labelledby="notice__text__id_69ded661af243">
<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="69ded661af29d">
</span>
</span>
<span id="notice__text__id_69ded661af243" 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="69ded661af2df">
<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_69ded661af316" data-uid="69ded661af323" aria-labelledby="notice__text__id_69ded661af316">
<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="69ded661af375">
</span>
</span>
<span id="notice__text__id_69ded661af316" 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="69ded661af3c0">
<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="69ded661af3f9">
<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="69ded661af42c">
</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_69ded661af463" data-uid="69ded661af470" aria-labelledby="notice__text__id_69ded661af463">
<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="69ded661af4c1">
</span>
</span>
<span id="notice__text__id_69ded661af463" 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="69ded661af504">
<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="69ded661af537">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_69ded661af56d" data-uid="69ded661af576" aria-labelledby="notice__text__id_69ded661af56d">
<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="69ded661af5c8">
</span>
</span>
<span id="notice__text__id_69ded661af56d" 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="69ded661af60a">
<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_69ded661af640" data-uid="69ded661af64e" aria-labelledby="notice__text__id_69ded661af640">
<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="69ded661af69f">
</span>
</span>
<span id="notice__text__id_69ded661af640" 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="69ded661af6e1">
<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="69ded661af718">
<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="69ded661af756">
</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_69ded661af78f" data-uid="69ded661af79b" aria-labelledby="notice__text__id_69ded661af78f">
<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="69ded661af7e7">
</span>
</span>
<span id="notice__text__id_69ded661af78f" 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="69ded661af836">
<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="69ded661af869">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_69ded661af89d" data-uid="69ded661af8a7" aria-labelledby="notice__text__id_69ded661af89d">
<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="69ded661af8f3">
</span>
</span>
<span id="notice__text__id_69ded661af89d" 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="69ded661af933">
<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_69ded661af96e" data-uid="69ded661af97b" aria-labelledby="notice__text__id_69ded661af96e">
<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="69ded661af9cc">
</span>
</span>
<span id="notice__text__id_69ded661af96e" 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="69ded661afa0c">
<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="69ded661afa44">
<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="69ded661afa77">
</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_69ded661afaad" data-uid="69ded661afaba" aria-labelledby="notice__text__id_69ded661afaad">
<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="69ded661afb0b">
</span>
</span>
<span id="notice__text__id_69ded661afaad" 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="69ded661afb4a">
<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="69ded661afb88">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_69ded661afbc3" data-uid="69ded661afbcd" aria-labelledby="notice__text__id_69ded661afbc3">
<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="69ded661afc1a">
</span>
</span>
<span id="notice__text__id_69ded661afbc3" 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="69ded661afc5c">
<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_69ded661afc93" data-uid="69ded661afca0" aria-labelledby="notice__text__id_69ded661afc93">
<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="69ded661afd04">
</span>
</span>
<span id="notice__text__id_69ded661afc93" 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="69ded661afd49">
<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="69ded661afd84">
<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="69ded661afdb9">
</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_69ded661afdf3" data-uid="69ded661afe00" aria-labelledby="notice__text__id_69ded661afdf3">
<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="69ded661afe54">
</span>
</span>
<span id="notice__text__id_69ded661afdf3" 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="69ded661afeb2">
<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="69ded661afee7">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_69ded661aff21" data-uid="69ded661aff2a" aria-labelledby="notice__text__id_69ded661aff21">
<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="69ded661aff84">
</span>
</span>
<span id="notice__text__id_69ded661aff21" 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="69ded661affcb">
<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_69ded661b0005" data-uid="69ded661b0013" aria-labelledby="notice__text__id_69ded661b0005">
<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="69ded661b006d">
</span>
</span>
<span id="notice__text__id_69ded661b0005" 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="69ded661b00b3">
<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="69ded661b00ee">
<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="69ded661b0123">
</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_69ded661b015d" data-uid="69ded661b016b" aria-labelledby="notice__text__id_69ded661b015d">
<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="69ded661b01c5">
</span>
</span>
<span id="notice__text__id_69ded661b015d" 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="69ded661b020a">
<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="69ded661b023f">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_69ded661b0278" data-uid="69ded661b0282" aria-labelledby="notice__text__id_69ded661b0278">
<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="69ded661b02d4">
</span>
</span>
<span id="notice__text__id_69ded661b0278" 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="69ded661b0318">
<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_69ded661b035e" data-uid="69ded661b036c" aria-labelledby="notice__text__id_69ded661b035e">
<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="69ded661b03c2">
</span>
</span>
<span id="notice__text__id_69ded661b035e" 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="69ded661b0407">
<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="69ded661b0441">
<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="69ded661b0477">
</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_69ded661b04b1" data-uid="69ded661b04be" aria-labelledby="notice__text__id_69ded661b04b1">
<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="69ded661b052c">
</span>
</span>
<span id="notice__text__id_69ded661b04b1" 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="69ded661b0570">
<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="69ded661b05a4">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_69ded661b05dd" data-uid="69ded661b05e7" aria-labelledby="notice__text__id_69ded661b05dd">
<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="69ded661b0639">
</span>
</span>
<span id="notice__text__id_69ded661b05dd" 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="69ded661b067e">
<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_69ded661b06bb" data-uid="69ded661b06c9" aria-labelledby="notice__text__id_69ded661b06bb">
<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="69ded661b071d">
</span>
</span>
<span id="notice__text__id_69ded661b06bb" 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="69ded661b076c">
<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="69ded661b07a8">
<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="69ded661b07dd">
</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_69ded661b0817" data-uid="69ded661b0824" aria-labelledby="notice__text__id_69ded661b0817">
<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="69ded661b087e">
</span>
</span>
<span id="notice__text__id_69ded661b0817" 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="69ded661b08c2">
<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="69ded661b08f7">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_69ded661b0931" data-uid="69ded661b093b" aria-labelledby="notice__text__id_69ded661b0931">
<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="69ded661b099c">
</span>
</span>
<span id="notice__text__id_69ded661b0931" 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="69ded661b09e0">
<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_69ded661b0a1a" data-uid="69ded661b0a27" aria-labelledby="notice__text__id_69ded661b0a1a">
<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="69ded661b0a7b">
</span>
</span>
<span id="notice__text__id_69ded661b0a1a" 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="69ded661b0abf">
<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="69ded661b0afa">
<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="69ded661b0b37">
</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_69ded661b0b71" data-uid="69ded661b0b7f" aria-labelledby="notice__text__id_69ded661b0b71">
<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="69ded661b0bd4">
</span>
</span>
<span id="notice__text__id_69ded661b0b71" 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="69ded661b0c36">
<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="69ded661b0c6b">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_69ded661b0ca4" data-uid="69ded661b0cae" aria-labelledby="notice__text__id_69ded661b0ca4">
<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="69ded661b0cfe">
</span>
</span>
<span id="notice__text__id_69ded661b0ca4" 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="69ded661b0d42">
<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_69ded661b0d8e" data-uid="69ded661b0d9d" aria-labelledby="notice__text__id_69ded661b0d8e">
<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="69ded661b0df5">
</span>
</span>
<span id="notice__text__id_69ded661b0d8e" 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="69ded661b0e3e">
<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="69ded661b0e7d">
<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="69ded661b0eb5">
</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_69ded661b0ef3" data-uid="69ded661b0f0b" aria-labelledby="notice__text__id_69ded661b0ef3">
<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="69ded661b0f6a">
</span>
</span>
<span id="notice__text__id_69ded661b0ef3" 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="69ded661b0fb2">
<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="69ded661b0ff6">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_69ded661b1042" data-uid="69ded661b104d" aria-labelledby="notice__text__id_69ded661b1042">
<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="69ded661b10a2">
</span>
</span>
<span id="notice__text__id_69ded661b1042" 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="69ded661b10eb">
<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_69ded661b1129" data-uid="69ded661b1138" aria-labelledby="notice__text__id_69ded661b1129">
<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="69ded661b1190">
</span>
</span>
<span id="notice__text__id_69ded661b1129" 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="69ded661b11d9">
<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="69ded661b1218">
<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="69ded661b1252">
</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_69ded661b1290" data-uid="69ded661b129e" aria-labelledby="notice__text__id_69ded661b1290">
<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="69ded661b1300">
</span>
</span>
<span id="notice__text__id_69ded661b1290" 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="69ded661b1355">
<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="69ded661b138b">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_69ded661b13c3" data-uid="69ded661b13cd" aria-labelledby="notice__text__id_69ded661b13c3">
<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="69ded661b141e">
</span>
</span>
<span id="notice__text__id_69ded661b13c3" 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="69ded661b1462">
<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. |