Components

Buttons

I bottoni sono componenti centrali nella progettazione di interfacce ed esperienze. Il componente si adatta in larghezza in base alla lunghezza del testo. Ha la funzione di indicare un’azione ed è sempre associato a un link.

Tipologie dei button






Label text




Button Primario

Primary button

.btn-primary
.btn-outline-primary

Si utilizza per definire l’azione principale di un flusso di navigazione, generalmente per confermare i dati immessi o avviare un determinato processo.

Button Secondario

Secondary button

.btn-secondary
.btn-outline-secondary

Da non utilizzare se non accompagnato al bottone primario. La sua funzione è principalmente quella di dare la possibilità all’utente di annullare o non confermare il processo in corso.

Button di successo

Success button

.btn-success
.btn-outline-success

Può essere utilizzato per indicare un’azione positiva o di successo. Ad esempio, alla fine di un form, un bottone di successo può incoraggiare l’utente al click.

Button di rischio

Danger button

.btn-danger
.btn-outline-danger

Indica un’azione potenzialmente negativa o distruttiva (ad esempio la rimozione e la perdita dei propri dati o l’annullamento del processo iniziato).

Varianti di dimensione

.btn-sm
.btn-md
.btn-lg

Pulsanti & Link disabilitati

button[disabled]
Label text a.disabled
input.disabled

	//	 data-lang="html"




Label text