Notices

Get the users attention!

Type

Tellus Sem Lorem Malesuada Ipsum
Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. A link to something.
Sed posuere consectetur est at lobortis.
Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis.
<!-- 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

Icon color red.
Icon size small
Without an 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

Tellus Sem Lorem Malesuada 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
This message has an action button and may be dismissed (Type: info, Timeout: immediate, Iteration: 1).

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
This message may be dismissed (Type: info, Timeout: immediate, Iteration: 1).

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
This has a button to do a task but no dismiss action (Type: info, Timeout: immediate, Iteration: 1).

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
This message has an action button and may be dismissed (Type: success, Timeout: immediate, Iteration: 2).

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
This message may be dismissed (Type: success, Timeout: immediate, Iteration: 2).

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
This has a button to do a task but no dismiss action (Type: success, Timeout: immediate, Iteration: 2).

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
This message has an action button and may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).

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
This message may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).

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
This has a button to do a task but no dismiss action (Type: danger, Timeout: immediate, Iteration: 3).

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
This message has an action button and may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).

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
This message may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).

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
This has a button to do a task but no dismiss action (Type: warning, Timeout: immediate, Iteration: 4).

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
This message has an action button and may be dismissed (Type: info, Timeout: session, Iteration: 1).

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
This message may be dismissed (Type: info, Timeout: session, Iteration: 1).

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
This has a button to do a task but no dismiss action (Type: info, Timeout: session, Iteration: 1).

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
This message has an action button and may be dismissed (Type: success, Timeout: session, Iteration: 2).

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
This message may be dismissed (Type: success, Timeout: session, Iteration: 2).

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
This has a button to do a task but no dismiss action (Type: success, Timeout: session, Iteration: 2).

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
This message has an action button and may be dismissed (Type: danger, Timeout: session, Iteration: 3).

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
This message may be dismissed (Type: danger, Timeout: session, Iteration: 3).

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
This has a button to do a task but no dismiss action (Type: danger, Timeout: session, Iteration: 3).

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
This message has an action button and may be dismissed (Type: warning, Timeout: session, Iteration: 4).

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
This message may be dismissed (Type: warning, Timeout: session, Iteration: 4).

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
This has a button to do a task but no dismiss action (Type: warning, Timeout: session, Iteration: 4).

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
This message has an action button and may be dismissed (Type: info, Timeout: permanent, Iteration: 1).

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
This message may be dismissed (Type: info, Timeout: permanent, Iteration: 1).

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
This has a button to do a task but no dismiss action (Type: info, Timeout: permanent, Iteration: 1).

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
This message has an action button and may be dismissed (Type: success, Timeout: permanent, Iteration: 2).

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
This message may be dismissed (Type: success, Timeout: permanent, Iteration: 2).

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
This has a button to do a task but no dismiss action (Type: success, Timeout: permanent, Iteration: 2).

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
This message has an action button and may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).

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
This message may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).

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
This has a button to do a task but no dismiss action (Type: danger, Timeout: permanent, Iteration: 3).

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
This message has an action button and may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).

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
This message may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).

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
This has a button to do a task but no dismiss action (Type: warning, Timeout: permanent, Iteration: 4).
<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.
Settings location: /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/Notice/notice.json