Sezione 4 Pulsanti

La componente è utilizzata per i pulsanti di Inbank. Oltre alle estensioni di dimensione .c-button--large e .c-button--small è possibile aggiungere una delle quattro estensioni che ne indicano l'importanza all'interno della pagina.

Stili default

Estensioni e modificatori

.c-button--primary

Pulsante primario

.c-button--secondary

Pulsante secondario

.c-button--tertiary

Pulsante terziario

Markup
<button class="c-button c-button--small [modifier class]">Pulsante piccolo</button>
<button class="c-button [modifier class]">Pulsante</button>
<button class="c-button c-button--large [modifier class]">Pulsante grande</button>
<button class="c-button [modifier class]"><i class="c-icon-r c-icon--archive" aria-hidden="true"></i> Pulsante con icona</button>
<button class="c-button c-button--circle [modifier class]"><i class="c-icon-r c-icon--paper-plane" aria-hidden="true"></i></button>