Buttons

Updated on pzplUI 2.0

Normal Buttons

Here's an example for buttons in pzplUI

<button class="btn btn-normal">Normal Button</button>
<button class="btn btn-success">Success Button</button>
<button class="btn btn-error">Error Button</button>
<button class="btn btn-danger">Danger Button</button>
<button class="btn btn-info">Info Button</button>
<button class="btn btn-dark">Dark Button</button>
<button class="btn btn-secondary">Secondary Button</button>

Outlined buttons

<button class="btn btn-normal-outline">Normal Button</button>
<button class="btn btn-success-outline">Success Button</button>
<button class="btn btn-error-outline">Error Button</button>
<button class="btn btn-danger-outline">Danger Button</button>
<button class="btn btn-info-outline">Info Button</button>
<button class="btn btn-dark-outline">Dark Button</button>
<button class="btn btn-secondary-outline">Secondary Button</button>

Diffrent button sizes

<button class="btn btn-normal btn-sm">Less awesome new thing</button>
<button class="btn btn-success btn-lg">Awesome new thing</button>

Button Block

<button class="btn btn-normal btn-block">Button block!</button>
<button class="btn btn-success btn-lg btn-block">Big button block!</button>

Disabled buttons

<button class="btn btn-normal" disabled>Normal Button</button>
<button class="btn btn-success" disabled>Success Button</button>
<button class="btn btn-error" disabled>Error Button</button>
<button class="btn btn-danger" disabled>Danger Button</button>
<button class="btn btn-info" disabled>Info Button</button>
<button class="btn btn-dark" disabled>Dark Button</button>
<button class="btn btn-uncolor" disabled>Secondary Button</button>