BUTTONS

Basic Buttons


Default Button

content...

<button class="noob-btn">Basic Default Button</button>

Disabled Button

content...

<button class="noob-btn noob-btn-disabled">A Disabled Button</button>

Other Buttons

content...

<button class="noob-btn noob-btn-primary">Primary Button</button>
<button class="noob-btn noob-btn-secondary">Secondary Button</button>
<button class="noob-btn noob-btn-success">Success Button</button>
<button class="noob-btn noob-btn-error">Error Button</button>
<button class="noob-btn noob-btn-warning">Warning Button</button>

Different Sized Buttons

content...

<button class="noob-btn noob-btn-xs">Extra Small Button</button>
<button class="noob-btn noob-btn-s">Small Button</button>
<button class="noob-btn noob-btn-normal">Normal Button</button>
<button class="noob-btn noob-btn-l">Large Button</button>
<button class="noob-btn noob-btn-xl">Extra Large Button</button>