Notice

<div class="c-notice c-notice--success" id="id_6a5f6fa6b7f68" data-uid="6a5f6fa6b7f7f" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b7f68">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b7f68" 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_6a5f6fa6b8157" data-uid="6a5f6fa6b8165" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b8157">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b8157" 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_6a5f6fa6b8204" data-uid="6a5f6fa6b820f" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b8204">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b8204" 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_6a5f6fa6b82ac" data-uid="6a5f6fa6b82b7" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b82ac">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b82ac" 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

<div class="c-notice c-notice--success" id="id_6a5f6fa6b8390" data-uid="6a5f6fa6b839b" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b8390">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b8390" 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_6a5f6fa6b842b" data-uid="6a5f6fa6b8435" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b842b">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b842b" 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_6a5f6fa6b84bc" data-uid="6a5f6fa6b84c5" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b84bc">
  <span id="notice__text__id_6a5f6fa6b84bc" 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

<div class="c-notice c-notice--success" id="id_6a5f6fa6b8567" data-uid="6a5f6fa6b8572" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b8567">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <!-- typography.blade.php   original: h2 -->
  <h2 class="c-typography c-notice__title c-typography__variant--h4" data-uid="6a5f6fa6b863f" data-component="typography">
    Lorem ipsum
  </h2><span id="notice__text__id_6a5f6fa6b8567" 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

<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="4b562ceccaf2b9d8d252e28032220264" data-dismissable-notice-timeout="immediate" id="id_6a5f6fa6b86ef"
data-uid="6a5f6fa6b8702" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b86ef">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b86ef" 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="6a5f6fa6b87dc" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6b8834" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6b88d1"
data-uid="6a5f6fa6b88e1" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b88d1">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b88d1" 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="6a5f6fa6b8990" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6a5f6fa6b8a2b" data-uid="6a5f6fa6b8a40" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b8a2b">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b8a2b" 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="6a5f6fa6b8ae2" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6b8b31"
data-uid="6a5f6fa6b8b40" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b8b31">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b8b31" 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="6a5f6fa6b8be3" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6b8c35" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6b8cd0"
data-uid="6a5f6fa6b8ce0" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b8cd0">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b8cd0" 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="6a5f6fa6b8d7f" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a5f6fa6b8e17" data-uid="6a5f6fa6b8e51" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b8e17">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b8e17" 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="6a5f6fa6b8ef7" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6b8f46"
data-uid="6a5f6fa6b8f55" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b8f46">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b8f46" 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="6a5f6fa6b8ff3" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6b904d" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6b90dd"
data-uid="6a5f6fa6b90ec" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b90dd">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b90dd" 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="6a5f6fa6b9181" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6a5f6fa6b9228" data-uid="6a5f6fa6b9233" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9228">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9228" 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="6a5f6fa6b92d2" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6b9315"
data-uid="6a5f6fa6b9321" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9315">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9315" 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="6a5f6fa6b93a7" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6b93ea" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6b946b"
data-uid="6a5f6fa6b9478" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b946b">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b946b" 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="6a5f6fa6b94fb" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6a5f6fa6b9597" data-uid="6a5f6fa6b95a1" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9597">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9597" 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="6a5f6fa6b963c" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6b9689"
data-uid="6a5f6fa6b9698" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9689">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9689" 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="6a5f6fa6b972d" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6b9777" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6b9820"
data-uid="6a5f6fa6b982f" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9820">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9820" 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="6a5f6fa6b98de" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6a5f6fa6b9981" data-uid="6a5f6fa6b998d" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9981">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9981" 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="6a5f6fa6b9a3c" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6b9a8e"
data-uid="6a5f6fa6b9a9e" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9a8e">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9a8e" 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="6a5f6fa6b9b46" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6b9b9a" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6b9c3e"
data-uid="6a5f6fa6b9c4e" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9c3e">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9c3e" 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="6a5f6fa6b9d00" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a5f6fa6b9da0" data-uid="6a5f6fa6b9dac" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9da0">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9da0" 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="6a5f6fa6b9e5b" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6b9ead"
data-uid="6a5f6fa6b9ebd" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6b9ead">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6b9ead" 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="6a5f6fa6b9f66" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6b9fba" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6ba05d"
data-uid="6a5f6fa6ba06d" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ba05d">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ba05d" 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="6a5f6fa6ba114" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6a5f6fa6ba1bd" data-uid="6a5f6fa6ba1ca" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ba1bd">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ba1bd" 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="6a5f6fa6ba27b" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6ba2c8"
data-uid="6a5f6fa6ba2d8" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ba2c8">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ba2c8" 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="6a5f6fa6ba375" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6ba3da" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6ba47f"
data-uid="6a5f6fa6ba49a" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ba47f">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ba47f" 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="6a5f6fa6ba542" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6a5f6fa6ba5e4" data-uid="6a5f6fa6ba5f0" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ba5e4">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ba5e4" 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="6a5f6fa6ba68a" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6ba6db"
data-uid="6a5f6fa6ba6ea" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ba6db">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ba6db" 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="6a5f6fa6ba787" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6ba7d7" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6ba86f"
data-uid="6a5f6fa6ba87f" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ba86f">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ba86f" 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="6a5f6fa6ba91b" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6a5f6fa6ba9bd" data-uid="6a5f6fa6ba9c9" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ba9bd">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ba9bd" 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="6a5f6fa6baa76" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6baac9"
data-uid="6a5f6fa6baad9" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6baac9">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6baac9" 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="6a5f6fa6bab84" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6babda" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6bac7d"
data-uid="6a5f6fa6bac8d" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6bac7d">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6bac7d" 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="6a5f6fa6bad34" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a5f6fa6badea" data-uid="6a5f6fa6badf6" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6badea">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6badea" 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="6a5f6fa6bae90" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6baedc"
data-uid="6a5f6fa6baeeb" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6baedc">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6baedc" 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="6a5f6fa6baf88" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6bafda" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6bb072"
data-uid="6a5f6fa6bb081" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6bb072">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6bb072" 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="6a5f6fa6bb11e" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6a5f6fa6ce9e1" data-uid="6a5f6fa6ce9f2" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ce9e1">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ce9e1" 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="6a5f6fa6ceaac" data-component="button"><span class=
      "c-button__label"><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_6a5f6fa6ceb18"
data-uid="6a5f6fa6ceb2a" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6ceb18">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6ceb18" 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="6a5f6fa6cebcb" data-component=
      "button"><span class="c-button__label"><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="6a5f6fa6cec1c" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </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_6a5f6fa6cecd6"
data-uid="6a5f6fa6cece7" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6cecd6">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6cecd6" 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="6a5f6fa6ced8f" data-component="button"><span class="c-button__label"><span class="c-button__label-icon"><!-- icon.blade.php -->
       </span></span></button>
    </div>
  </div>
</div><!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6a5f6fa6cee3d" data-uid="6a5f6fa6cee49" data-component="notice" aria-labelledby="notice__text__id_6a5f6fa6cee3d">
  <span class="c-notice__icon"><!-- icon.blade.php --></span> <span id="notice__text__id_6a5f6fa6cee3d" 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="6a5f6fa6ceef1" data-component="button"><span class=
      "c-button__label"><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