Skip to content

Latest commit

 

History

History
100 lines (81 loc) · 3.54 KB

buttons.md

File metadata and controls

100 lines (81 loc) · 3.54 KB
Raw
<script> import "/assets/css/css-framework.css" </script>

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

::: raw

Min width Regular button Button with lots of text Disabled button
Inverse button Inverse button
::: 
<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

::: raw Light-blue button Green button Orange button Red button Gold button :::

<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

Small button Disabled small button
Inverse small button Inverse disabled 
<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)

Pill button
Light-blue button Green button Orange button Red button Gold button
Inverse button Light-blue button Green button Orange button Red button Gold button