Notification

<button class="c-button notification__button c-button__filled c-button__filled--primary c-button--md" target="_top" type="filled" aria-label="Get notification" data-uid="673edc5e19996">   
     <span class="c-button__label">         
        
                    <span class="c-button__label-text ">
                Get notification
            </span>
        
    </span> </button>

    <!-- typography.blade.php -->
<div class="c-notification c-notification__spawn--bottom-left u-display--none" autoHideDuration="10000" maxAmount="3" direction="bottom-left" data-uid="673edc5e19a26">
        <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="673edc5e19a82" data-uid="673edc5e19a8b" aria-labelledby="notice__text__673edc5e19a82">
    
    <!-- notice__ico -->
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--warning c-icon--material c-icon--material-warning material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" material-symbol="warning" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" aria-hidden="false" data-uid="673edc5e19b6d">
                    </span>
        </span>
        
    <!-- notice__title -->
    
    <!-- notice__text -->
    <span id="notice__text__673edc5e19a82" for="" class="c-notice__message">
                    This is a warning
                
    </span>

</div></div>

@button(['type' => 'filled', 'text' => 'Get notification', 'color' => 'primary', 'classList' => ['notification__button']])
@endbutton


@notification(
    [
        'type' => 'danger',
        'message' => ['text' => 'This is a warning', 'size' => 'md'],
        'icon' => ['name' => 'warning', 'size' => 'md', 'color' => 'white'],
        'animation' => ['onPageLoad' => false, 'direction' => 'bottom-left'],
        'autoHideDuration' => '10000',
        'maxAmount' => '3'
    ]
)
@endnotification