Pulsanti

I pulsanti hanno un singolo spazio riservato a un'icona o a un testo. Scegli un'icona pertinente all'azione eseguita dal pulsante. Puoi utilizzare un testo con un massimo di tre caratteri se un'icona non è in grado di descrivere l'azione pertinente. Considera l'uso di un componente Chip se un'icona non può descrivere chiaramente l'azione

B. contenitore

I contenitori dei pulsanti sono limitati a un singolo riempimento a tinta unita.

Attivare/disattivare i pulsanti

I pulsanti di attivazione/disattivazione consentono agli utenti di passare da uno stato all'altro.

Pulsanti compatti

I pulsanti compatti sembrano più piccoli, ma hanno un'area toccabile più grande. L'area toccabile predefinita è 48 x 48 dp.

Utilizza riempimenti di colori diversi per indicare la gerarchia dei pulsanti.

I pulsanti con enfasi elevata contengono azioni principali per l'app. Per i pulsanti con enfasi elevata, utilizza i colori Primario o Secondario per il contenitore e On principale e On secondario per i contenuti. Per ulteriori informazioni, consulta la sezione Temi materiali di utilizzo.

Enfasi media

I pulsanti con enfasi media si distinguono per un riempimento del colore meno contrastante. Contengono azioni meno importanti di quelle principali. Utilizza il colore della superficie per il contenitore e il colore On Surface per i contenuti.

In alternativa, utilizza il componente OutliningButton personalizzato per un pulsante di enfasi media. Presenta uno sfondo trasparente, una variante principale del tratto di colore con un'opacità del 60% e contenuti di colore principale.

Enfasi bassa (solo icona)

I pulsanti con scarsa enfasi si distinguono per il mancato riempimento. Sono più adatti per aree più piccole del quadrante orologio in cui è necessaria una disposizione compatta. Utilizza il colore On Surface per i contenuti.