Buttons ​

The Nimiq's CSS Framework provides a set of buttons that can be used in your web application. The buttons are available in different colors and sizes.

Large buttons ​

html
<button class="nq-button">Min width</button>
<button class="nq-button">Regular button</button>
<button class="nq-button">Button with lots of text</button>
<button class="nq-button" disabled>Disabled button</button>

<button class="nq-button light-blue inverse">Inverse button</button>
<button class="nq-button light-blue inverse" disabled>Inverse button</button>

With colors ​

html
<button class="nq-button light-blue">Light-blue button</button>
<button class="nq-button green">Green button</button>
<button class="nq-button orange">Orange button</button>
<button class="nq-button red">Red button</button>
<button class="nq-button gold">Gold button</button>

Small buttons ​

html
<button class="nq-button-s">Small button</button>
<button class="nq-button-s" disabled>Disabled small button</button>

<button class="nq-button-s inverse">Inverse small button</button>
<button class="nq-button-s inverse" disabled>Inverse disabled</button>

With colors (or Pill buttons) ​