Notices
Get the users attention!
Type
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bee7f" data-uid="680c4109bee97" aria-labelledby="notice__text__680c4109bee7f">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109befe7">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bee7f" for="" class="c-notice__message">
Tellus Sem Lorem Malesuada Ipsum
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109bf03e" data-uid="680c4109bf046" aria-labelledby="notice__text__680c4109bf03e">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="report" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf085">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf03e" for="" 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="680c4109bf0c2" data-uid="680c4109bf0c9" aria-labelledby="notice__text__680c4109bf0c2">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="forum" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf109">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf0c2" for="" class="c-notice__message">
Sed posuere consectetur est at lobortis.
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109bf141" data-uid="680c4109bf147" aria-labelledby="notice__text__680c4109bf141">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="accessibility" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf17a">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf141" for="" 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'
]
])
@endnotice
Icon
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bf1f6" data-uid="680c4109bf1fd" aria-labelledby="notice__text__680c4109bf1f6">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf232">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf1f6" for="" class="c-notice__message">
Icon color red.
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bf268" data-uid="680c4109bf26f" aria-labelledby="notice__text__680c4109bf268">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="apps" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf2a0">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf268" for="" class="c-notice__message">
Icon size small
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bf2d4" data-uid="680c4109bf2da" aria-labelledby="notice__text__680c4109bf2d4">
<!-- notice__ico -->
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf2d4" for="" 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.',
]
])
@endnotice
Title
Lorem ipsum
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bf338" data-uid="680c4109bf33f" aria-labelledby="notice__text__680c4109bf338">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf372">
</span>
</span>
<!-- notice__title -->
<!-- typography.blade.php original: h4 -->
<h2 class="c-typography c-notice__title c-typography__variant--h4" data-uid="680c4109bf3d6">
Lorem ipsum
</h2>
<!-- notice__text -->
<span id="notice__text__680c4109bf338" for="" 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'
]
])
@endnotice
Actions & dismiss
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "dismissable" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
Warning: The parameter "action" is not recognized in the component "notice" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 244
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109bf49d" data-uid="680c4109bf4a6" aria-labelledby="notice__text__680c4109bf49d">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf4f5">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf49d" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109bf55c" data-uid="680c4109bf564" aria-labelledby="notice__text__680c4109bf55c">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf5a3">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf55c" for="" class="c-notice__message">
This message may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109bf5fb" data-uid="680c4109bf602" aria-labelledby="notice__text__680c4109bf5fb">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf63a">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf5fb" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: info, Timeout: immediate, Iteration: 1).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bf6a8" data-uid="680c4109bf6b0" aria-labelledby="notice__text__680c4109bf6a8">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf6ea">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf6a8" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bf73d" data-uid="680c4109bf744" aria-labelledby="notice__text__680c4109bf73d">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf77b">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf73d" for="" class="c-notice__message">
This message may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bf7cd" data-uid="680c4109bf7d4" aria-labelledby="notice__text__680c4109bf7cd">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf80a">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf7cd" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: success, Timeout: immediate, Iteration: 2).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="680c4109bf86f" data-uid="680c4109bf877" aria-labelledby="notice__text__680c4109bf86f">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf8af">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf86f" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="680c4109bf90f" data-uid="680c4109bf917" aria-labelledby="notice__text__680c4109bf90f">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf94e">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf90f" for="" class="c-notice__message">
This message may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="680c4109bf99f" data-uid="680c4109bf9a6" aria-labelledby="notice__text__680c4109bf99f">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bf9dc">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bf99f" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: danger, Timeout: immediate, Iteration: 3).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109bfa41" data-uid="680c4109bfa48" aria-labelledby="notice__text__680c4109bfa41">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bfa80">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bfa41" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109bfadc" data-uid="680c4109bfae4" aria-labelledby="notice__text__680c4109bfadc">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bfb1a">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bfadc" for="" class="c-notice__message">
This message may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109bfb6a" data-uid="680c4109bfb71" aria-labelledby="notice__text__680c4109bfb6a">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bfba7">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bfb6a" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: warning, Timeout: immediate, Iteration: 4).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109bfc0f" data-uid="680c4109bfc16" aria-labelledby="notice__text__680c4109bfc0f">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bfc4d">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bfc0f" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: info, Timeout: session, Iteration: 1).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109bfcab" data-uid="680c4109bfcb2" aria-labelledby="notice__text__680c4109bfcab">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bfcf1">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bfcab" for="" class="c-notice__message">
This message may be dismissed (Type: info, Timeout: session, Iteration: 1).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109bfd4b" data-uid="680c4109bfd52" aria-labelledby="notice__text__680c4109bfd4b">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bfd8c">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bfd4b" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: info, Timeout: session, Iteration: 1).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bfdf6" data-uid="680c4109bfdfd" aria-labelledby="notice__text__680c4109bfdf6">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bfe38">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bfdf6" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: success, Timeout: session, Iteration: 2).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bfe9a" data-uid="680c4109bfea5" aria-labelledby="notice__text__680c4109bfe9a">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bfede">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bfe9a" for="" class="c-notice__message">
This message may be dismissed (Type: success, Timeout: session, Iteration: 2).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109bff32" data-uid="680c4109bff39" aria-labelledby="notice__text__680c4109bff32">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109bff73">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bff32" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: success, Timeout: session, Iteration: 2).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="680c4109bffdc" data-uid="680c4109bffe4" aria-labelledby="notice__text__680c4109bffdc">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c001e">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109bffdc" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: danger, Timeout: session, Iteration: 3).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="680c4109c0074" data-uid="680c4109c007b" aria-labelledby="notice__text__680c4109c0074">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c00c1">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c0074" for="" class="c-notice__message">
This message may be dismissed (Type: danger, Timeout: session, Iteration: 3).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="680c4109c0118" data-uid="680c4109c011f" aria-labelledby="notice__text__680c4109c0118">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c0159">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c0118" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: danger, Timeout: session, Iteration: 3).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109c01c1" data-uid="680c4109c01ca" aria-labelledby="notice__text__680c4109c01c1">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c0204">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c01c1" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: warning, Timeout: session, Iteration: 4).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109c0258" data-uid="680c4109c025f" aria-labelledby="notice__text__680c4109c0258">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c0298">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c0258" for="" class="c-notice__message">
This message may be dismissed (Type: warning, Timeout: session, Iteration: 4).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109c02f6" data-uid="680c4109c02fd" aria-labelledby="notice__text__680c4109c02f6">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c0337">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c02f6" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: warning, Timeout: session, Iteration: 4).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109c03ab" data-uid="680c4109c03b2" aria-labelledby="notice__text__680c4109c03ab">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c03ee">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c03ab" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109c0446" data-uid="680c4109c044d" aria-labelledby="notice__text__680c4109c0446">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c048e">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c0446" for="" class="c-notice__message">
This message may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="680c4109c04f8" data-uid="680c4109c04ff" aria-labelledby="notice__text__680c4109c04f8">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c053e">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c04f8" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: info, Timeout: permanent, Iteration: 1).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109c05a9" data-uid="680c4109c05b1" aria-labelledby="notice__text__680c4109c05a9">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c05eb">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c05a9" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109c0641" data-uid="680c4109c0648" aria-labelledby="notice__text__680c4109c0641">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c0682">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c0641" for="" class="c-notice__message">
This message may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="680c4109c06d8" data-uid="680c4109c06df" aria-labelledby="notice__text__680c4109c06d8">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c0719">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c06d8" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: success, Timeout: permanent, Iteration: 2).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="680c4109c0781" data-uid="680c4109c0788" aria-labelledby="notice__text__680c4109c0781">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c07c4">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c0781" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="680c4109c0817" data-uid="680c4109c081e" aria-labelledby="notice__text__680c4109c0817">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c085d">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c0817" for="" class="c-notice__message">
This message may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="680c4109c08b3" data-uid="680c4109c08b9" aria-labelledby="notice__text__680c4109c08b3">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c08ef">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c08b3" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: danger, Timeout: permanent, Iteration: 3).
</span>
</div> <br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109c0951" data-uid="680c4109c0959" aria-labelledby="notice__text__680c4109c0951">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c098f">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c0951" for="" class="c-notice__message">
This message has an action button and may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"dismissable"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109c09dd" data-uid="680c4109c09e5" aria-labelledby="notice__text__680c4109c09dd">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c0a1a">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c09dd" for="" class="c-notice__message">
This message may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
</span>
</div>
<br />
<b>Warning</b>: The parameter <b>"action"</b> is not recognized in the component <b>"notice"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>244</b><br />
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="680c4109c0a6c" data-uid="680c4109c0a73" aria-labelledby="notice__text__680c4109c0a6c">
<!-- notice__ico -->
<span class="c-notice__icon">
<!-- 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--size-md" material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="680c4109c0aa8">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__680c4109c0a6c" for="" class="c-notice__message">
This has a button to do a task but no dismiss action (Type: warning, Timeout: permanent, Iteration: 4).
</span>
</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
@endforeach
Blade 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 name as a string. |
stretch | false | boolean | - | If true, the notice will stretch to the full width of the viewport. |
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. |