Componenti Messaggi di avviso Componente Messaggi di avviso

Componente Messaggi di avviso

Un componente di messaggio di avviso semplice, reattivo e in scala di grigi per siti di e-commerce, con supporto per la modalità scura.

Anteprima

Codice HTML

<div class="flex items-center p-4 text-sm text-gray-800 border border-gray-300 rounded-lg bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600" role="alert">
  <svg class="flex-shrink-0 inline w-4 h-4 me-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
    <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 15.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"/>
  </svg>
  <span class="sr-only">Info</span>
  <div>
    <span class="font-medium">New message:</span> Your order has been placed successfully.
  </div>
</div>

Componenti correlati

Componente Messaggi di avviso del Marketplace

Un componente di messaggi di avviso ispirato al Material Design con colori autunnali, adatto per piattaforme di marketplace. Presenta vari tipi di avviso (successo, avviso, errore, informazioni) con opzioni ignorabili e supporto per la modalità oscura.

Aperto

Componente Messaggi di avviso

Un semplice componente monocromatico per i messaggi di avviso per i blog con animazioni incentrate sulla microinterazione, supporto per la modalità scura e reattività.

Aperto

Componente Messaggi di avviso

Un componente di messaggi di avviso reattivi in modalità oscura per mostrare notifiche o messaggi in un portfolio, progettato con toni della terra e molteplici elementi interattivi.

Aperto