Notices
Get the users attention!
Type
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="67b77f352c8d8" data-uid="67b77f352c8ed" aria-labelledby="notice__text__67b77f352c8d8">
<!-- 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="67b77f352ca12">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352c8d8" for="" class="c-notice__message">
Tellus Sem Lorem Malesuada Ipsum
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="67b77f352ca74" data-uid="67b77f352ca7d" aria-labelledby="notice__text__67b77f352ca74">
<!-- 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="67b77f352caba">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352ca74" 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="67b77f352caf6" data-uid="67b77f352cafd" aria-labelledby="notice__text__67b77f352caf6">
<!-- 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="67b77f352cb32">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352caf6" for="" class="c-notice__message">
Sed posuere consectetur est at lobortis.
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="67b77f352cb6a" data-uid="67b77f352cb70" aria-labelledby="notice__text__67b77f352cb6a">
<!-- 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="67b77f352cba3">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352cb6a" 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="67b77f352ce2f" data-uid="67b77f352ce37" aria-labelledby="notice__text__67b77f352ce2f">
<!-- 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="67b77f352ce78">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352ce2f" for="" class="c-notice__message">
Icon color red.
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="67b77f352ceb0" data-uid="67b77f352ceb6" aria-labelledby="notice__text__67b77f352ceb0">
<!-- 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="67b77f352cee7">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352ceb0" for="" class="c-notice__message">
Icon size small
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="67b77f352cf1b" data-uid="67b77f352cf21" aria-labelledby="notice__text__67b77f352cf1b">
<!-- notice__ico -->
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352cf1b" 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="67b77f352d15a" data-uid="67b77f352d161" aria-labelledby="notice__text__67b77f352d15a">
<!-- 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="67b77f352d195">
</span>
</span>
<!-- notice__title -->
<!-- typography.blade.php original: h4 -->
<h2 class="c-typography c-notice__title c-typography__variant--h4" data-uid="67b77f352d1fc">
Lorem ipsum
</h2>
<!-- notice__text -->
<span id="notice__text__67b77f352d15a" 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="67b77f352d463" data-uid="67b77f352d46d" aria-labelledby="notice__text__67b77f352d463">
<!-- 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="67b77f352d4b5">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d463" 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="67b77f352d513" data-uid="67b77f352d51a" aria-labelledby="notice__text__67b77f352d513">
<!-- 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="67b77f352d554">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d513" 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="67b77f352d5a8" data-uid="67b77f352d5af" aria-labelledby="notice__text__67b77f352d5a8">
<!-- 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="67b77f352d5e7">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d5a8" 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="67b77f352d660" data-uid="67b77f352d668" aria-labelledby="notice__text__67b77f352d660">
<!-- 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="67b77f352d6a3">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d660" 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="67b77f352d6f3" data-uid="67b77f352d6fa" aria-labelledby="notice__text__67b77f352d6f3">
<!-- 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="67b77f352d732">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d6f3" 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="67b77f352d781" data-uid="67b77f352d788" aria-labelledby="notice__text__67b77f352d781">
<!-- 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="67b77f352d7be">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d781" 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="67b77f352d82d" data-uid="67b77f352d834" aria-labelledby="notice__text__67b77f352d82d">
<!-- 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="67b77f352d86b">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d82d" 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="67b77f352d8b9" data-uid="67b77f352d8c1" aria-labelledby="notice__text__67b77f352d8b9">
<!-- 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="67b77f352d8f7">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d8b9" 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="67b77f352d947" data-uid="67b77f352d94e" aria-labelledby="notice__text__67b77f352d947">
<!-- 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="67b77f352d983">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d947" 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="67b77f352d9e5" data-uid="67b77f352d9ec" aria-labelledby="notice__text__67b77f352d9e5">
<!-- 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="67b77f352da2b">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352d9e5" 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="67b77f352da7c" data-uid="67b77f352da83" aria-labelledby="notice__text__67b77f352da7c">
<!-- 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="67b77f352dab8">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352da7c" 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="67b77f352db06" data-uid="67b77f352db0c" aria-labelledby="notice__text__67b77f352db06">
<!-- 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="67b77f352db41">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352db06" 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="67b77f352dba6" data-uid="67b77f352dbad" aria-labelledby="notice__text__67b77f352dba6">
<!-- 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="67b77f352dbe3">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352dba6" 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="67b77f352dc31" data-uid="67b77f352dc38" aria-labelledby="notice__text__67b77f352dc31">
<!-- 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="67b77f352dc6d">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352dc31" 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="67b77f352dcba" data-uid="67b77f352dcc0" aria-labelledby="notice__text__67b77f352dcba">
<!-- 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="67b77f352dcf6">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352dcba" 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="67b77f352dd55" data-uid="67b77f352dd5c" aria-labelledby="notice__text__67b77f352dd55">
<!-- 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="67b77f352dd92">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352dd55" 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="67b77f352dddf" data-uid="67b77f352dde6" aria-labelledby="notice__text__67b77f352dddf">
<!-- 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="67b77f352de27">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352dddf" 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="67b77f352de74" data-uid="67b77f352de7b" aria-labelledby="notice__text__67b77f352de74">
<!-- 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="67b77f352deb0">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352de74" 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="67b77f352df11" data-uid="67b77f352df18" aria-labelledby="notice__text__67b77f352df11">
<!-- 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="67b77f352df4e">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352df11" 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="67b77f352df9b" data-uid="67b77f352dfa2" aria-labelledby="notice__text__67b77f352df9b">
<!-- 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="67b77f352dfd6">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352df9b" 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="67b77f352e027" data-uid="67b77f352e02e" aria-labelledby="notice__text__67b77f352e027">
<!-- 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="67b77f352e063">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e027" 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="67b77f352e0c3" data-uid="67b77f352e0cb" aria-labelledby="notice__text__67b77f352e0c3">
<!-- 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="67b77f352e100">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e0c3" 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="67b77f352e14c" data-uid="67b77f352e153" aria-labelledby="notice__text__67b77f352e14c">
<!-- 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="67b77f352e188">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e14c" 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="67b77f352e1e1" data-uid="67b77f352e1e8" aria-labelledby="notice__text__67b77f352e1e1">
<!-- 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="67b77f352e220">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e1e1" 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="67b77f352e286" data-uid="67b77f352e28d" aria-labelledby="notice__text__67b77f352e286">
<!-- 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="67b77f352e2c4">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e286" 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="67b77f352e311" data-uid="67b77f352e317" aria-labelledby="notice__text__67b77f352e311">
<!-- 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="67b77f352e34c">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e311" 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="67b77f352e39e" data-uid="67b77f352e3a5" aria-labelledby="notice__text__67b77f352e39e">
<!-- 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="67b77f352e3d9">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e39e" 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="67b77f352e439" data-uid="67b77f352e440" aria-labelledby="notice__text__67b77f352e439">
<!-- 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="67b77f352e475">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e439" 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="67b77f352e4c6" data-uid="67b77f352e4cd" aria-labelledby="notice__text__67b77f352e4c6">
<!-- 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="67b77f352e502">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e4c6" 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="67b77f352e54f" data-uid="67b77f352e556" aria-labelledby="notice__text__67b77f352e54f">
<!-- 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="67b77f352e58a">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e54f" 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="67b77f352e5f6" data-uid="67b77f352e5fe" aria-labelledby="notice__text__67b77f352e5f6">
<!-- 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="67b77f352e634">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e5f6" 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="67b77f352e681" data-uid="67b77f352e688" aria-labelledby="notice__text__67b77f352e681">
<!-- 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="67b77f352e6bc">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e681" 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="67b77f352e708" data-uid="67b77f352e70f" aria-labelledby="notice__text__67b77f352e708">
<!-- 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="67b77f352e743">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e708" 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="67b77f352e7a2" data-uid="67b77f352e7a9" aria-labelledby="notice__text__67b77f352e7a2">
<!-- 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="67b77f352e7df">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e7a2" 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="67b77f352e82b" data-uid="67b77f352e832" aria-labelledby="notice__text__67b77f352e82b">
<!-- 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="67b77f352e866">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e82b" 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="67b77f352e8b3" data-uid="67b77f352e8b9" aria-labelledby="notice__text__67b77f352e8b3">
<!-- 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="67b77f352e8ee">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__67b77f352e8b3" 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. |