.c-button--primary
Pulsante primario
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
.c-button--quaternary
Pulsante quaternary
<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 [modifier class]">Pulsante con icona a dx <i class="c-icon-r c-icon--arrow-right" aria-hidden="true"></i></button>
<button class="c-button is-loading [modifier class]">Pulsante con loader</button>