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_68cb611f32e83" data-uid="68cb611f32e9b" aria-labelledby="notice__text__id_68cb611f32e83">
<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="68cb611f33093">
</span>
</span>
<span id="notice__text__id_68cb611f32e83" 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_68cb611f3310f" data-uid="68cb611f3311c" aria-labelledby="notice__text__id_68cb611f3310f">
<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="68cb611f3319d">
</span>
</span>
<span id="notice__text__id_68cb611f3310f" 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_68cb611f331e8" data-uid="68cb611f331f3" aria-labelledby="notice__text__id_68cb611f331e8">
<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="68cb611f3324e">
</span>
</span>
<span id="notice__text__id_68cb611f331e8" 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_68cb611f33292" data-uid="68cb611f3329c" aria-labelledby="notice__text__id_68cb611f33292">
<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="68cb611f332fe">
</span>
</span>
<span id="notice__text__id_68cb611f33292" 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_68cb611f333a3" data-uid="68cb611f333ae" aria-labelledby="notice__text__id_68cb611f333a3">
<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="68cb611f33407">
</span>
</span>
<span id="notice__text__id_68cb611f333a3" 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_68cb611f3344e" data-uid="68cb611f33458" aria-labelledby="notice__text__id_68cb611f3344e">
<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="68cb611f334c6">
</span>
</span>
<span id="notice__text__id_68cb611f3344e" 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_68cb611f3350f" data-uid="68cb611f33518" aria-labelledby="notice__text__id_68cb611f3350f">
<span id="notice__text__id_68cb611f3350f" 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_68cb611f3357e" data-uid="68cb611f33588" aria-labelledby="notice__text__id_68cb611f3357e">
<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="68cb611f335dc">
</span>
</span>
<!-- typography.blade.php original: h2 -->
<h2 class="c-typography c-notice__title c-typography__variant--h4" data-uid="68cb611f33659">
Lorem ipsum
</h2>
<span id="notice__text__id_68cb611f3357e" 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_68cb611f336db" data-uid="68cb611f336ee" aria-labelledby="notice__text__id_68cb611f336db">
<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="68cb611f3374f">
</span>
</span>
<span id="notice__text__id_68cb611f336db" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f337da">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f33831">
<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="68cb611f3386e">
</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_68cb611f338b1" data-uid="68cb611f338c1" aria-labelledby="notice__text__id_68cb611f338b1">
<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="68cb611f33923">
</span>
</span>
<span id="notice__text__id_68cb611f338b1" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f33972">
<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="68cb611f339ad">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_68cb611f339eb" data-uid="68cb611f339f6" aria-labelledby="notice__text__id_68cb611f339eb">
<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="68cb611f33a60">
</span>
</span>
<span id="notice__text__id_68cb611f339eb" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f33ab9">
<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_68cb611f33afa" data-uid="68cb611f33b09" aria-labelledby="notice__text__id_68cb611f33afa">
<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="68cb611f33b7a">
</span>
</span>
<span id="notice__text__id_68cb611f33afa" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f33bcb">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f33c15">
<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="68cb611f33c4f">
</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_68cb611f33c91" data-uid="68cb611f33ca0" aria-labelledby="notice__text__id_68cb611f33c91">
<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="68cb611f33d16">
</span>
</span>
<span id="notice__text__id_68cb611f33c91" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f33d69">
<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="68cb611f33da2">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68cb611f33de9" data-uid="68cb611f33df7" aria-labelledby="notice__text__id_68cb611f33de9">
<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="68cb611f33e54">
</span>
</span>
<span id="notice__text__id_68cb611f33de9" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f33e9c">
<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_68cb611f33ed9" data-uid="68cb611f33ee7" aria-labelledby="notice__text__id_68cb611f33ed9">
<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="68cb611f33f48">
</span>
</span>
<span id="notice__text__id_68cb611f33ed9" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f33f91">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f33fd0">
<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="68cb611f34014">
</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_68cb611f34055" data-uid="68cb611f34063" aria-labelledby="notice__text__id_68cb611f34055">
<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="68cb611f340bd">
</span>
</span>
<span id="notice__text__id_68cb611f34055" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f34105">
<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="68cb611f3413e">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_68cb611f34179" data-uid="68cb611f34184" aria-labelledby="notice__text__id_68cb611f34179">
<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="68cb611f341d7">
</span>
</span>
<span id="notice__text__id_68cb611f34179" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f3421f">
<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_68cb611f3425a" data-uid="68cb611f34269" aria-labelledby="notice__text__id_68cb611f3425a">
<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="68cb611f342c0">
</span>
</span>
<span id="notice__text__id_68cb611f3425a" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f34307">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f34344">
<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="68cb611f3437c">
</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_68cb611f343c3" data-uid="68cb611f343d2" aria-labelledby="notice__text__id_68cb611f343c3">
<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="68cb611f34438">
</span>
</span>
<span id="notice__text__id_68cb611f343c3" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f3447c">
<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="68cb611f344b1">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_68cb611f344e9" data-uid="68cb611f344f2" aria-labelledby="notice__text__id_68cb611f344e9">
<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="68cb611f34541">
</span>
</span>
<span id="notice__text__id_68cb611f344e9" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f34585">
<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_68cb611f345c2" data-uid="68cb611f345d0" aria-labelledby="notice__text__id_68cb611f345c2">
<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="68cb611f34621">
</span>
</span>
<span id="notice__text__id_68cb611f345c2" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f34664">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f3469f">
<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="68cb611f346d7">
</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_68cb611f3470f" data-uid="68cb611f3471d" aria-labelledby="notice__text__id_68cb611f3470f">
<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="68cb611f3476f">
</span>
</span>
<span id="notice__text__id_68cb611f3470f" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f347bb">
<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="68cb611f347f0">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_68cb611f3483c" data-uid="68cb611f34847" aria-labelledby="notice__text__id_68cb611f3483c">
<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="68cb611f348a5">
</span>
</span>
<span id="notice__text__id_68cb611f3483c" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f348e8">
<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_68cb611f34920" data-uid="68cb611f3492e" aria-labelledby="notice__text__id_68cb611f34920">
<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="68cb611f3497f">
</span>
</span>
<span id="notice__text__id_68cb611f34920" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f349c2">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f349fb">
<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="68cb611f34a2f">
</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_68cb611f34a68" data-uid="68cb611f34a75" aria-labelledby="notice__text__id_68cb611f34a68">
<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="68cb611f34ac9">
</span>
</span>
<span id="notice__text__id_68cb611f34a68" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f34b0b">
<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="68cb611f34b3f">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68cb611f34b77" data-uid="68cb611f34b81" aria-labelledby="notice__text__id_68cb611f34b77">
<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="68cb611f34bdc">
</span>
</span>
<span id="notice__text__id_68cb611f34b77" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f34c20">
<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_68cb611f34c58" data-uid="68cb611f34c65" aria-labelledby="notice__text__id_68cb611f34c58">
<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="68cb611f34cba">
</span>
</span>
<span id="notice__text__id_68cb611f34c58" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f34cfd">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f34d37">
<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="68cb611f34d6b">
</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_68cb611f34da3" data-uid="68cb611f34db0" aria-labelledby="notice__text__id_68cb611f34da3">
<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="68cb611f34e09">
</span>
</span>
<span id="notice__text__id_68cb611f34da3" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f34e4c">
<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="68cb611f34e80">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_68cb611f34eb7" data-uid="68cb611f34ec1" aria-labelledby="notice__text__id_68cb611f34eb7">
<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="68cb611f34f0f">
</span>
</span>
<span id="notice__text__id_68cb611f34eb7" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f34f52">
<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_68cb611f34f92" data-uid="68cb611f34fa0" aria-labelledby="notice__text__id_68cb611f34f92">
<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="68cb611f34ff3">
</span>
</span>
<span id="notice__text__id_68cb611f34f92" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f35037">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f35070">
<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="68cb611f350a4">
</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_68cb611f350dd" data-uid="68cb611f350fb" aria-labelledby="notice__text__id_68cb611f350dd">
<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="68cb611f35153">
</span>
</span>
<span id="notice__text__id_68cb611f350dd" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f35199">
<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="68cb611f351d0">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_68cb611f3520b" data-uid="68cb611f35216" aria-labelledby="notice__text__id_68cb611f3520b">
<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="68cb611f3526b">
</span>
</span>
<span id="notice__text__id_68cb611f3520b" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f352b3">
<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_68cb611f352f2" data-uid="68cb611f35301" aria-labelledby="notice__text__id_68cb611f352f2">
<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="68cb611f3536a">
</span>
</span>
<span id="notice__text__id_68cb611f352f2" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f353ae">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f353e7">
<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="68cb611f3541c">
</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_68cb611f35454" data-uid="68cb611f35462" aria-labelledby="notice__text__id_68cb611f35454">
<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="68cb611f354b6">
</span>
</span>
<span id="notice__text__id_68cb611f35454" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f354f8">
<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="68cb611f3552c">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_68cb611f35563" data-uid="68cb611f3556d" aria-labelledby="notice__text__id_68cb611f35563">
<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="68cb611f355bc">
</span>
</span>
<span id="notice__text__id_68cb611f35563" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f355fe">
<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_68cb611f35636" data-uid="68cb611f35643" aria-labelledby="notice__text__id_68cb611f35636">
<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="68cb611f35694">
</span>
</span>
<span id="notice__text__id_68cb611f35636" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f356d6">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f35710">
<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="68cb611f3574d">
</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_68cb611f35787" data-uid="68cb611f35794" aria-labelledby="notice__text__id_68cb611f35787">
<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="68cb611f357e7">
</span>
</span>
<span id="notice__text__id_68cb611f35787" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f3582c">
<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="68cb611f35860">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68cb611f35897" data-uid="68cb611f358a1" aria-labelledby="notice__text__id_68cb611f35897">
<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="68cb611f358ef">
</span>
</span>
<span id="notice__text__id_68cb611f35897" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f35932">
<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_68cb611f3596b" data-uid="68cb611f35978" aria-labelledby="notice__text__id_68cb611f3596b">
<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="68cb611f359cb">
</span>
</span>
<span id="notice__text__id_68cb611f3596b" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f35a0d">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f35a46">
<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="68cb611f35a7a">
</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_68cb611f35ab2" data-uid="68cb611f35ac0" aria-labelledby="notice__text__id_68cb611f35ab2">
<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="68cb611f35b12">
</span>
</span>
<span id="notice__text__id_68cb611f35ab2" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f35b80">
<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="68cb611f35bb6">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_68cb611f35bee" data-uid="68cb611f35bf8" aria-labelledby="notice__text__id_68cb611f35bee">
<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="68cb611f35c48">
</span>
</span>
<span id="notice__text__id_68cb611f35bee" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f35c8d">
<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_68cb611f35cc4" data-uid="68cb611f35cd2" aria-labelledby="notice__text__id_68cb611f35cc4">
<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="68cb611f35d29">
</span>
</span>
<span id="notice__text__id_68cb611f35cc4" 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" target="_top" href="#" target="_top" aria-label="Go to home" data-uid="68cb611f35d6c">
<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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f35da6">
<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="68cb611f35ddb">
</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_68cb611f35e13" data-uid="68cb611f35e21" aria-labelledby="notice__text__id_68cb611f35e13">
<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="68cb611f35e73">
</span>
</span>
<span id="notice__text__id_68cb611f35e13" 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" target="_top" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68cb611f35eb5">
<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="68cb611f35ee9">
</span>
</span>
</span> </button> </div>
</div>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_68cb611f35f28" data-uid="68cb611f35f32" aria-labelledby="notice__text__id_68cb611f35f28">
<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="68cb611f35f83">
</span>
</span>
<span id="notice__text__id_68cb611f35f28" 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" target="_top" href="#" target="_top" aria-label="Undo" data-uid="68cb611f35fc6">
<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. |