Il Web Toolkit definisce 4 tipologie di Alert: Error, Warning, Success e Info. L'inserimento può avvenire tramite codice HTML oppure utilizzando l'apposito pulsante 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>

Il pulsante Alert può essere attivato direttamente dal plugin Editor - TinyMCE, abilitando il plugin personalizzato ipa e selezionando il pulsante personalizzato ipa-alert.

Requisiti

Plugin System - ItaliaPA Toolbar for TinyMCE 3.8.0.10 o successivo