ItaliaPAsW

Sono definite 4 tipologie di Alert: Error, Warning, Success e Info. L'inserimento può avvenire tramite codice HTML oppure utilizzando gli appositi pulsanti nell'editor TinyMCE.

<div class="Prose Alert Alert--error Alert--withIcon
u-layout-prose u-padding-r-bottom u-padding-r-right u-margin-r-bottom"
role="error">
<h2 class="u-text-h3">Si è verificato un errore</h2>
<p class="u-text-p"><span>Voluptate ut voluptatem sit earum ipsam sint. 
Aut unde explicabo eos dolor rerum eum et. Maxime aliquam deserunt.
Non officiis eos fugit in perferendis.</span></p>
</div>

<div class="Prose Alert Alert--warning Alert--withIcon 
u-layout-prose u-padding-r-bottom u-padding-r-right u-margin-r-bottom" 
role="warning">
<h2 class="u-text-h3">Attenzione</h2>
<p class="u-text-p"><span>Voluptate ut voluptatem sit earum ipsam sint. 
Aut unde explicabo eos dolor rerum eum et. Maxime aliquam deserunt. 
Non officiis eos fugit in perferendis.</span></p>
</div>

<div class="Prose Alert Alert--success Alert--withIcon 
u-layout-prose u-padding-r-bottom u-padding-r-right u-margin-r-bottom" 
role="success">
<h2 class="u-text-h3">Operazione effettuata con successo</h2>
<p class="u-text-p"><span>Voluptate ut voluptatem sit earum ipsam sint. 
Aut unde explicabo eos dolor rerum eum et. Maxime aliquam deserunt. 
Non officiis eos fugit in perferendis.</span></p>
</div>

<div class="Prose Alert Alert--info Alert--withIcon 
u-layout-prose u-padding-r-bottom u-padding-r-right u-margin-r-bottom" 
role="info">
<h2 class="u-text-h3">Ulteriori informazioni</h2>
<p class="u-text-p"><span>Voluptate ut voluptatem sit earum ipsam sint. 
Aut unde explicabo eos dolor rerum eum et. Maxime aliquam deserunt. 
Non officiis eos fugit in perferendis.</span></p>
</div>