Notices

Get the users attention!

Type


Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Tellus Sem Lorem Malesuada Ipsum

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. A link to something.

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Sed posuere consectetur est at lobortis.

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis.
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68ec34ea5cc39" data-uid="68ec34ea5cc53" aria-labelledby="notice__text__id_68ec34ea5cc39">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5cdca">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5cc39" data-js-notice-message="true" class="c-notice__message">
                            Tellus Sem Lorem Malesuada Ipsum
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_68ec34ea5ce24" data-uid="68ec34ea5ce31" aria-labelledby="notice__text__id_68ec34ea5ce24">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--report c-icon--material c-icon--material-report material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="report" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5ce86">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5ce24" data-js-notice-message="true" class="c-notice__message">
                            Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. <a href="#">A link to something.</a>
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_68ec34ea5cec7" data-uid="68ec34ea5ced1" aria-labelledby="notice__text__id_68ec34ea5cec7">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--forum c-icon--material c-icon--material-forum material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-black c-icon--size-md" data-material-symbol="forum" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5cf0f">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5cec7" data-js-notice-message="true" class="c-notice__message">
                            Sed posuere consectetur est at lobortis.
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_68ec34ea5cf48" data-uid="68ec34ea5cf52" aria-labelledby="notice__text__id_68ec34ea5cf48">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--accessibility c-icon--material c-icon--material-accessibility material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-black c-icon--size-md" data-material-symbol="accessibility" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5cf8e">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5cf48" data-js-notice-message="true" class="c-notice__message">
                            Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis.
                        
        </span>
    
    
    </div>
@notice([
    'type' => 'success',
    'message' => [
        'text' => 'Tellus Sem Lorem Malesuada Ipsum',
    ],
    'icon' => [
        'name' => 'check',
        'size' => 'md',
        'color' => 'white'
    ]
])
@endnotice

@notice([
    'type' => 'info',
    'message' => [
        'text' => 'Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. <a href="#">A link to something.</a>',
    ],
    'icon' => [
        'name' => 'report',
        'size' => 'md',
        'color' => 'white'
    ]
])
@endnotice

@notice([
    'type' => 'danger',
    'message' => [
        'text' => 'Sed posuere consectetur est at lobortis.',
    ],
    'icon' => [
        'name' => 'forum',
        'size' => 'md',
        'color' => 'black'
    ]
])
@endnotice

@notice([
    'type' => 'warning',
    'message' => [
        'text' => 'Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis.',
    ],
    'icon' => [
        'name' => 'accessibility',
        'size' => 'md',
        'color' => 'black'
    ]
])
@endnotice

Icon


Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Icon color red.

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
Icon size small
Without an icon.
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68ec34ea5d003" data-uid="68ec34ea5d00e" aria-labelledby="notice__text__id_68ec34ea5d003">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-primary c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d05c">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5d003" data-js-notice-message="true" class="c-notice__message">
                            Icon color red.
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68ec34ea5d094" data-uid="68ec34ea5d09d" aria-labelledby="notice__text__id_68ec34ea5d094">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--apps c-icon--material c-icon--material-apps material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-sm" data-material-symbol="apps" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d0d7">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5d094" data-js-notice-message="true" class="c-notice__message">
                            Icon size small
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68ec34ea5d10b" data-uid="68ec34ea5d114" aria-labelledby="notice__text__id_68ec34ea5d10b">
    
    
        
    
    
    
            <span id="notice__text__id_68ec34ea5d10b" data-js-notice-message="true" class="c-notice__message">
                            Without an icon.
                        
        </span>
    
    
    </div>
@notice([
    'type' => 'success',
    'message' => [
        'text' => 'Icon color red.',
    ],
    'icon' => [
        'name' => 'check',
        'size' => 'md',
        'color' => 'primary'
    ]
])
@endnotice

@notice([
    'type' => 'success',
    'message' => [
        'text' => 'Icon size small',
    ],
    'icon' => [
        'name' => 'apps',
        'size' => 'md',
        'color' => 'white',
        'size' => 'sm'
    ]
])
@endnotice

@notice([
    'type' => 'success',
    'message' => [
        'text' => 'Without an icon.',
    ]
])
@endnotice

Title


Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253

Lorem ipsum

Tellus Sem Lorem Malesuada Ipsum
<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68ec34ea5d174" data-uid="68ec34ea5d17d" aria-labelledby="notice__text__id_68ec34ea5d174">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d1b8">
                    </span>
        </span>
        
    
                <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-notice__title c-typography__variant--h4" data-uid="68ec34ea5d219">
    Lorem ipsum
</h2>    
    
            <span id="notice__text__id_68ec34ea5d174" data-js-notice-message="true" class="c-notice__message">
                            Tellus Sem Lorem Malesuada Ipsum
                        
        </span>
    
    
    </div>
@notice([
    'type' => 'success',
    'message' => [
        'title' => 'Lorem ipsum',
        'text' => 'Tellus Sem Lorem Malesuada Ipsum',
    ],
    'icon' => [
        'name' => 'check',
        'size' => 'md',
        'color' => 'white'
        ]
    ])
@endnotice

Actions & dismiss


Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: info, Timeout: immediate, Iteration: 1).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: info, Timeout: immediate, Iteration: 1).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: info, Timeout: immediate, Iteration: 1).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: success, Timeout: immediate, Iteration: 2).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: success, Timeout: immediate, Iteration: 2).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: success, Timeout: immediate, Iteration: 2).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: danger, Timeout: immediate, Iteration: 3).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: warning, Timeout: immediate, Iteration: 4).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: info, Timeout: session, Iteration: 1).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: info, Timeout: session, Iteration: 1).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: info, Timeout: session, Iteration: 1).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: success, Timeout: session, Iteration: 2).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: success, Timeout: session, Iteration: 2).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: success, Timeout: session, Iteration: 2).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: danger, Timeout: session, Iteration: 3).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: danger, Timeout: session, Iteration: 3).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: danger, Timeout: session, Iteration: 3).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: warning, Timeout: session, Iteration: 4).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: warning, Timeout: session, Iteration: 4).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: warning, Timeout: session, Iteration: 4).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: info, Timeout: permanent, Iteration: 1).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: info, Timeout: permanent, Iteration: 1).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: info, Timeout: permanent, Iteration: 1).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: success, Timeout: permanent, Iteration: 2).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: success, Timeout: permanent, Iteration: 2).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: success, Timeout: permanent, Iteration: 2).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: danger, Timeout: permanent, Iteration: 3).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message has an action button and may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This message may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).

Warning: The parameter "name" is not recognized in the component "icon" in /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php on line 253
This has a button to do a task but no dismiss action (Type: warning, Timeout: permanent, Iteration: 4).
<!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="4b562ceccaf2b9d8d252e28032220264" data-dismissable-notice-timeout="immediate" id="id_68ec34ea5d292" data-uid="68ec34ea5d2a3" aria-labelledby="notice__text__id_68ec34ea5d292">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d2e6">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5d292" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5d353">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5d398">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5d3d0">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="b871428e99a0e19aa5e1802d5d9b0bed" data-dismissable-notice-timeout="immediate" id="id_68ec34ea5d419" data-uid="68ec34ea5d427" aria-labelledby="notice__text__id_68ec34ea5d419">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d46a">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5d419" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5d4ab">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5d4df">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_68ec34ea5d519" data-uid="68ec34ea5d523" aria-labelledby="notice__text__id_68ec34ea5d519">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d55e">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5d519" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: info, Timeout: immediate, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5d59d">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="ba8603fe5dad7845fbee2462af10d026" data-dismissable-notice-timeout="immediate" id="id_68ec34ea5d5d5" data-uid="68ec34ea5d5e2" aria-labelledby="notice__text__id_68ec34ea5d5d5">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d61f">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5d5d5" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5d65d">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5d697">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5d6cb">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="8545268fad0bb23a79e234762282b760" data-dismissable-notice-timeout="immediate" id="id_68ec34ea5d717" data-uid="68ec34ea5d725" aria-labelledby="notice__text__id_68ec34ea5d717">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d766">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5d717" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5d7a7">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5d7de">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68ec34ea5d825" data-uid="68ec34ea5d82f" aria-labelledby="notice__text__id_68ec34ea5d825">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d86e">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5d825" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: success, Timeout: immediate, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5d8b0">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="a25a1eb154a5ea6b990916f384164bf9" data-dismissable-notice-timeout="immediate" id="id_68ec34ea5d8f0" data-uid="68ec34ea5d8fe" aria-labelledby="notice__text__id_68ec34ea5d8f0">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5d93f">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5d8f0" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5d982">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5d9bf">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5d9f6">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="6ebdcf7bd3fb1e112b6ad6083986c472" data-dismissable-notice-timeout="immediate" id="id_68ec34ea5da34" data-uid="68ec34ea5da42" aria-labelledby="notice__text__id_68ec34ea5da34">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5da83">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5da34" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5dac4">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5dafb">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_68ec34ea5db36" data-uid="68ec34ea5db40" aria-labelledby="notice__text__id_68ec34ea5db36">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5db7e">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5db36" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: danger, Timeout: immediate, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5dbc0">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="e4c6fd39b407af492349fe386887cdfc" data-dismissable-notice-timeout="immediate" id="id_68ec34ea5dc05" data-uid="68ec34ea5dc13" aria-labelledby="notice__text__id_68ec34ea5dc05">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5dc54">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5dc05" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5dc96">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5dcd2">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5dd09">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="29191bf2ad3a04739048430f10513c2b" data-dismissable-notice-timeout="immediate" id="id_68ec34ea5dd44" data-uid="68ec34ea5dd52" aria-labelledby="notice__text__id_68ec34ea5dd44">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5dd93">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5dd44" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5ddd4">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5de0b">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_68ec34ea5de47" data-uid="68ec34ea5de52" aria-labelledby="notice__text__id_68ec34ea5de47">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5de8f">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5de47" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: warning, Timeout: immediate, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5ded1">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                    <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="165fee388875415c5c0ba3152694d595" data-dismissable-notice-timeout="session" id="id_68ec34ea5df0f" data-uid="68ec34ea5df1d" aria-labelledby="notice__text__id_68ec34ea5df0f">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5df5d">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5df0f" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: info, Timeout: session, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5dfa8">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5dfec">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5e020">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="6422ea0d2d82b00f6c2a102d6df42a14" data-dismissable-notice-timeout="session" id="id_68ec34ea5e058" data-uid="68ec34ea5e065" aria-labelledby="notice__text__id_68ec34ea5e058">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5e0a4">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5e058" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: info, Timeout: session, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5e0e1">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5e114">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_68ec34ea5e14b" data-uid="68ec34ea5e154" aria-labelledby="notice__text__id_68ec34ea5e14b">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5e18d">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5e14b" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: info, Timeout: session, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5e1ca">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="2d4a10cb3530b41df41074bd7d3f6cee" data-dismissable-notice-timeout="session" id="id_68ec34ea5e200" data-uid="68ec34ea5e20d" aria-labelledby="notice__text__id_68ec34ea5e200">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5e248">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5e200" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: success, Timeout: session, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5e285">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5e2bd">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5e2f1">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="948172e255c362bb7734ca94366724c2" data-dismissable-notice-timeout="session" id="id_68ec34ea5e328" data-uid="68ec34ea5e335" aria-labelledby="notice__text__id_68ec34ea5e328">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5e372">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5e328" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: success, Timeout: session, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5e455">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5e499">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68ec34ea5e4d8" data-uid="68ec34ea5e4e2" aria-labelledby="notice__text__id_68ec34ea5e4d8">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5e53e">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5e4d8" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: success, Timeout: session, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5e585">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="608b45484365d324c7ae13ae361fee9c" data-dismissable-notice-timeout="session" id="id_68ec34ea5e5bf" data-uid="68ec34ea5e5cd" aria-labelledby="notice__text__id_68ec34ea5e5bf">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5e620">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5e5bf" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: danger, Timeout: session, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5e665">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5e6a0">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5e6d5">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="084cb6678c9b9a5f6c86d727b3c3cad7" data-dismissable-notice-timeout="session" id="id_68ec34ea5e70e" data-uid="68ec34ea5e71b" aria-labelledby="notice__text__id_68ec34ea5e70e">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5e76f">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5e70e" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: danger, Timeout: session, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5e7d3">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5e80c">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_68ec34ea5e847" data-uid="68ec34ea5e852" aria-labelledby="notice__text__id_68ec34ea5e847">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5e8b1">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5e847" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: danger, Timeout: session, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5e8f5">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="932f471f10508ba42e1ce8f5741801ca" data-dismissable-notice-timeout="session" id="id_68ec34ea5e92d" data-uid="68ec34ea5e93a" aria-labelledby="notice__text__id_68ec34ea5e92d">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5e98e">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5e92d" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: warning, Timeout: session, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5e9d1">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5ea0d">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5ea42">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="bb3f9d6d157fc0cdfa1c19e07c8f3c0e" data-dismissable-notice-timeout="session" id="id_68ec34ea5ea7a" data-uid="68ec34ea5ea88" aria-labelledby="notice__text__id_68ec34ea5ea7a">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5eaf5">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5ea7a" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: warning, Timeout: session, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5eb3c">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5eb7e">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_68ec34ea5ebbb" data-uid="68ec34ea5ebc6" aria-labelledby="notice__text__id_68ec34ea5ebbb">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5ec1c">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5ebbb" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: warning, Timeout: session, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5ec64">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                    <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="c82f78ffc10f9c62176fdaf8fdfcbc56" data-dismissable-notice-timeout="permanent" id="id_68ec34ea5eca3" data-uid="68ec34ea5ecb2" aria-labelledby="notice__text__id_68ec34ea5eca3">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5ed09">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5eca3" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5ed51">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5ed8e">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5edc6">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="7331aeca68b9058ccd14f91d58ce5de0" data-dismissable-notice-timeout="permanent" id="id_68ec34ea5ee01" data-uid="68ec34ea5ee10" aria-labelledby="notice__text__id_68ec34ea5ee01">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5ee68">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5ee01" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5eeb0">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5eee9">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_68ec34ea5ef23" data-uid="68ec34ea5ef2e" aria-labelledby="notice__text__id_68ec34ea5ef23">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5ef96">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5ef23" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: info, Timeout: permanent, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5efda">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="ea1e39bccd46c9affec818a4b664be2d" data-dismissable-notice-timeout="permanent" id="id_68ec34ea5f014" data-uid="68ec34ea5f021" aria-labelledby="notice__text__id_68ec34ea5f014">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5f074">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5f014" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5f0b8">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5f0f1">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5f125">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="f2ac951dc47fec4525c2b771709bdf0d" data-dismissable-notice-timeout="permanent" id="id_68ec34ea5f15d" data-uid="68ec34ea5f16a" aria-labelledby="notice__text__id_68ec34ea5f15d">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5f1bd">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5f15d" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5f200">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5f234">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_68ec34ea5f26c" data-uid="68ec34ea5f276" aria-labelledby="notice__text__id_68ec34ea5f26c">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5f2cc">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5f26c" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: success, Timeout: permanent, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5f30f">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="97bd0bb8221f4d926baf7a37f4279407" data-dismissable-notice-timeout="permanent" id="id_68ec34ea5f350" data-uid="68ec34ea5f35e" aria-labelledby="notice__text__id_68ec34ea5f350">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5f3b1">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5f350" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5f3f4">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5f42d">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5f461">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="d8ba98c9bfae431b7edc60772000782f" data-dismissable-notice-timeout="permanent" id="id_68ec34ea5f499" data-uid="68ec34ea5f4a6" aria-labelledby="notice__text__id_68ec34ea5f499">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5f4fa">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5f499" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5f53d">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5f571">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_68ec34ea5f5aa" data-uid="68ec34ea5f5b4" aria-labelledby="notice__text__id_68ec34ea5f5aa">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5f604">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5f5aa" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: danger, Timeout: permanent, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5f647">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="1ae5ec08582e7994bc7fe1be1e52e282" data-dismissable-notice-timeout="permanent" id="id_68ec34ea5f67f" data-uid="68ec34ea5f68d" aria-labelledby="notice__text__id_68ec34ea5f67f">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5f6dd">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5f67f" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="68ec34ea5f720">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5f765">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5f799">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="ada4ad1a4805c3951e0086b0502d04e4" data-dismissable-notice-timeout="permanent" id="id_68ec34ea5f7d2" data-uid="68ec34ea5f7df" aria-labelledby="notice__text__id_68ec34ea5f7d2">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5f834">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5f7d2" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="68ec34ea5f877">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="68ec34ea5f8ab">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_68ec34ea5f8e2" data-uid="68ec34ea5f8ec" aria-labelledby="notice__text__id_68ec34ea5f8e2">
    
    
            <span class="c-notice__icon">
                <br />
<b>Warning</b>:  The parameter <b>"name"</b> is not recognized in the component <b>"icon"</b> in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Register.php</b> on line <b>253</b><br />
<!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="68ec34ea5f93b">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_68ec34ea5f8e2" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: warning, Timeout: permanent, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="68ec34ea5f97d">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>
@foreach(['immediate','session', 'permanent'] as $timeout)
    @foreach (['info', 'success', 'danger', 'warning'] as $type)
        @notice([
            'type' => $type,
            'message' => [
                'text' => 'This message has an action button and may be dismissed (Type: '.$type.', Timeout: '.$timeout. ', Iteration: ' .$loop->iteration.').',
            ],
            'action' => [
                'text' => 'Go to home',
                'url' => '#'
            ],
            'dismissable' => $timeout,
            'icon' => [
                'name' => 'check',
                'size' => 'md',
                'color' => 'white'
            ]
        ])
        @endnotice

        @notice([
            'type' => $type,
            'message' => [
                'text' => 'This message may be dismissed (Type: '.$type.', Timeout: '.$timeout. ', Iteration: ' .$loop->iteration.').',
            ],
            'dismissable' => $timeout,
            'icon' => [
                'name' => 'check',
                'size' => 'md',
                'color' => 'white'
            ]
        ])
        @endnotice

        @notice([
            'type' => $type,
            'message' => [
                'text' => 'This has a button to do a task but no dismiss action (Type: '.$type.', Timeout: '.$timeout. ', Iteration: ' .$loop->iteration.').',
            ],
            'action' => [
                'text' => 'Undo',
                'url' => '#'
            ],
            'icon' => [
                'name' => 'check',
                'size' => 'md',
                'color' => 'white'
            ]
        ])
        @endnotice
    @endforeach
@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 according to the @icon component.
stretch false boolean - If true, the notice will stretch to the full width of the viewport.
dismissable false boolean - If not false, the notice will have a close button. Allowed trueish values: immediate (show notice on reload), session (show notice at next visit, default), permanent (show notice when local storage is wiped).
action false boolean - An array with three parameters: label (text), url and position (aside|below).
id string - The DOM id of the component.
classList [] array - Array containing wrapping classes array
attributeList [] array - Array containing keys and values rendered as attributes
containerAware false boolean true/false Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component.
Settings location: /var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/Notice/notice.json