Finestre
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Una finestra di dialogo è una finestra modale che appare davanti a un'app per visualizzare informazioni sulle attività che richiedono una risposta immediata da parte dell'utente.
Una finestra di dialogo può essere un avviso, che richiede l'interazione dell'utente. Può anche essere una finestra di dialogo di selezione o conferma, che richiede all'utente di effettuare o confermare una scelta. La finestra di dialogo mantiene il focus finché non viene chiusa o non viene intrapresa l'azione richiesta. Poiché le finestre di dialogo interrompono l'esecuzione, dovrebbero essere utilizzate con parsimonia.
I dialoghi sono correlati ai toast (entrambi fanno parte della famiglia di componenti Dialog), ma differiscono per scopo e priorità, come mostrato nella tabella.
Visualizza un messaggio informativo. Non richiede l'interazione dell'utente. Scompare dopo 8 secondi.
Basso
Dialogo
Visualizza informazioni e opzioni di attività che richiedono l'interazione dell'utente. Una finestra di dialogo rimane attiva finché l'utente non risponde.
Alto
Anatomia
Le finestre di dialogo contengono testo informativo e controlli dell'interfaccia utente che richiedono una risposta all'utente.
1. Sfondo del dialogo 2. Intestazione della carta 3. Area dei contenuti 4. Area di azione della carta
Specifiche
Componente Pulsanti
Specifiche, linee guida di stile e altro ancora
Componente elementi elenco
Specifiche, linee guida di stile e altro ancora
Dialogo senza titolo
Dialogo con titolo
Dialogo con titolo centrato
Dialogo scorrevole
Personalizzazione
Esprimi il tuo marchio personalizzando i seguenti aspetti dei dialoghi:
Caratteri
Stile dei pulsanti attivi, inattivi e disabilitati
Dimensioni e posizionamento dei pulsanti
Esempi
Dialogo con titolo - giorno Dialogo con titolo - notte
Dialogo scorrevole - giorno Dialogo scorrevole - notte
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2026-03-11 UTC."],[],[]]
