Notices
Get the users attention!
Type
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="678b08bbe5ab7" data-uid="678b08bbe5aca" aria-labelledby="notice__text__678b08bbe5ab7">
<!-- 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="678b08bbe5be9">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe5ab7" for="" class="c-notice__message">
Tellus Sem Lorem Malesuada Ipsum
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="678b08bbe5c3b" data-uid="678b08bbe5c43" aria-labelledby="notice__text__678b08bbe5c3b">
<!-- 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="678b08bbe5c7d">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe5c3b" 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="678b08bbe5cb9" data-uid="678b08bbe5cc0" aria-labelledby="notice__text__678b08bbe5cb9">
<!-- 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="678b08bbe5cf5">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe5cb9" for="" class="c-notice__message">
Sed posuere consectetur est at lobortis.
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="678b08bbe5d2b" data-uid="678b08bbe5d31" aria-labelledby="notice__text__678b08bbe5d2b">
<!-- 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="678b08bbe5d64">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe5d2b" 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="678b08bbe5dd8" data-uid="678b08bbe5ddf" aria-labelledby="notice__text__678b08bbe5dd8">
<!-- 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="678b08bbe5e12">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe5dd8" for="" class="c-notice__message">
Icon color red.
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="678b08bbe5e47" data-uid="678b08bbe5e4d" aria-labelledby="notice__text__678b08bbe5e47">
<!-- 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="678b08bbe5e7e">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe5e47" for="" class="c-notice__message">
Icon size small
</span>
</div>
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="678b08bbe5eb0" data-uid="678b08bbe5eb6" aria-labelledby="notice__text__678b08bbe5eb0">
<!-- notice__ico -->
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe5eb0" 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="678b08bbe5f1d" data-uid="678b08bbe5f24" aria-labelledby="notice__text__678b08bbe5f1d">
<!-- 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="678b08bbe5f58">
</span>
</span>
<!-- notice__title -->
<!-- typography.blade.php original: h4 -->
<h2 class="c-typography c-notice__title c-typography__variant--h4" data-uid="678b08bbe5fb7">
Lorem ipsum
</h2>
<!-- notice__text -->
<span id="notice__text__678b08bbe5f1d" 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="678b08bbe6049" data-uid="678b08bbe6051" aria-labelledby="notice__text__678b08bbe6049">
<!-- 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="678b08bbe6088">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6049" 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="678b08bbe60cc" data-uid="678b08bbe60d2" aria-labelledby="notice__text__678b08bbe60cc">
<!-- 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="678b08bbe6105">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe60cc" 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="678b08bbe6145" data-uid="678b08bbe614b" aria-labelledby="notice__text__678b08bbe6145">
<!-- 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="678b08bbe617d">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6145" 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="678b08bbe61c3" data-uid="678b08bbe61ca" aria-labelledby="notice__text__678b08bbe61c3">
<!-- 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="678b08bbe61fc">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe61c3" 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="678b08bbe6237" data-uid="678b08bbe623e" aria-labelledby="notice__text__678b08bbe6237">
<!-- 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="678b08bbe626f">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6237" 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="678b08bbe62aa" data-uid="678b08bbe62b0" aria-labelledby="notice__text__678b08bbe62aa">
<!-- 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="678b08bbe62e0">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe62aa" 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="678b08bbe632c" data-uid="678b08bbe6332" aria-labelledby="notice__text__678b08bbe632c">
<!-- 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="678b08bbe6363">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe632c" 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="678b08bbe639d" data-uid="678b08bbe63a4" aria-labelledby="notice__text__678b08bbe639d">
<!-- 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="678b08bbe63d3">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe639d" 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="678b08bbe640d" data-uid="678b08bbe6413" aria-labelledby="notice__text__678b08bbe640d">
<!-- 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="678b08bbe6442">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe640d" 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="678b08bbe6483" data-uid="678b08bbe6489" aria-labelledby="notice__text__678b08bbe6483">
<!-- 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="678b08bbe64b9">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6483" 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="678b08bbe64f2" data-uid="678b08bbe64f8" aria-labelledby="notice__text__678b08bbe64f2">
<!-- 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="678b08bbe6527">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe64f2" 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="678b08bbe6560" data-uid="678b08bbe6566" aria-labelledby="notice__text__678b08bbe6560">
<!-- 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="678b08bbe6595">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6560" 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="678b08bbe65d9" data-uid="678b08bbe65df" aria-labelledby="notice__text__678b08bbe65d9">
<!-- 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="678b08bbe660f">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe65d9" 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="678b08bbe6648" data-uid="678b08bbe664e" aria-labelledby="notice__text__678b08bbe6648">
<!-- 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="678b08bbe667d">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6648" 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="678b08bbe66b5" data-uid="678b08bbe66bb" aria-labelledby="notice__text__678b08bbe66b5">
<!-- 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="678b08bbe678c">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe66b5" 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="678b08bbe67fd" data-uid="678b08bbe6804" aria-labelledby="notice__text__678b08bbe67fd">
<!-- 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="678b08bbe683c">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe67fd" 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="678b08bbe688e" data-uid="678b08bbe6894" aria-labelledby="notice__text__678b08bbe688e">
<!-- 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="678b08bbe68ca">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe688e" 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="678b08bbe6919" data-uid="678b08bbe6920" aria-labelledby="notice__text__678b08bbe6919">
<!-- 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="678b08bbe6954">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6919" 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="678b08bbe69b8" data-uid="678b08bbe69bf" aria-labelledby="notice__text__678b08bbe69b8">
<!-- 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="678b08bbe69f4">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe69b8" 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="678b08bbe6a40" data-uid="678b08bbe6a47" aria-labelledby="notice__text__678b08bbe6a40">
<!-- 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="678b08bbe6a7a">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6a40" 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="678b08bbe6ad2" data-uid="678b08bbe6ad9" aria-labelledby="notice__text__678b08bbe6ad2">
<!-- 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="678b08bbe6b0f">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6ad2" 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="678b08bbe6b76" data-uid="678b08bbe6b7d" aria-labelledby="notice__text__678b08bbe6b76">
<!-- 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="678b08bbe6bb6">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6b76" 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="678b08bbe6c07" data-uid="678b08bbe6c0e" aria-labelledby="notice__text__678b08bbe6c07">
<!-- 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="678b08bbe6c47">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6c07" 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="678b08bbe6c98" data-uid="678b08bbe6c9e" aria-labelledby="notice__text__678b08bbe6c98">
<!-- 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="678b08bbe6cd6">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6c98" 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="678b08bbe6d47" data-uid="678b08bbe6d4e" aria-labelledby="notice__text__678b08bbe6d47">
<!-- 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="678b08bbe6d87">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6d47" 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="678b08bbe6dd9" data-uid="678b08bbe6de0" aria-labelledby="notice__text__678b08bbe6dd9">
<!-- 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="678b08bbe6e19">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6dd9" 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="678b08bbe6e6e" data-uid="678b08bbe6e75" aria-labelledby="notice__text__678b08bbe6e6e">
<!-- 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="678b08bbe6eb4">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6e6e" 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="678b08bbe6f89" data-uid="678b08bbe6f99" aria-labelledby="notice__text__678b08bbe6f89">
<!-- 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="678b08bbe700b">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe6f89" 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="678b08bbe707e" data-uid="678b08bbe7086" aria-labelledby="notice__text__678b08bbe707e">
<!-- 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="678b08bbe70cc">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe707e" 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="678b08bbe712b" data-uid="678b08bbe7132" aria-labelledby="notice__text__678b08bbe712b">
<!-- 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="678b08bbe7172">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe712b" 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="678b08bbe71e7" data-uid="678b08bbe71ef" aria-labelledby="notice__text__678b08bbe71e7">
<!-- 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="678b08bbe722d">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe71e7" 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="678b08bbe7286" data-uid="678b08bbe729c" aria-labelledby="notice__text__678b08bbe7286">
<!-- 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="678b08bbe72da">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe7286" 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="678b08bbe7334" data-uid="678b08bbe733c" aria-labelledby="notice__text__678b08bbe7334">
<!-- 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="678b08bbe7377">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe7334" 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="678b08bbe73e1" data-uid="678b08bbe73eb" aria-labelledby="notice__text__678b08bbe73e1">
<!-- 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="678b08bbe7425">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe73e1" 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="678b08bbe747e" data-uid="678b08bbe7485" aria-labelledby="notice__text__678b08bbe747e">
<!-- 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="678b08bbe74c0">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe747e" 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="678b08bbe7514" data-uid="678b08bbe751b" aria-labelledby="notice__text__678b08bbe7514">
<!-- 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="678b08bbe7556">
</span>
</span>
<!-- notice__title -->
<!-- notice__text -->
<span id="notice__text__678b08bbe7514" 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. |