Switch off our styles first

The default button styles can be switched off by applying a button variable.


Apply your own style

Now, you could apply your own CSS rules, based on the following HTML structure.

<a class="peecho-btn">
    <span class="peecho-btn-outer">
      <span class="peecho-btn-inner">
        <span class="peecho-icon"></span>
        <span class="peecho-btn-text"></span>

Button state CSS classes

  • peecho-btn-okay
  • peecho-btn-disabled
  • peecho-btn-error

In every state of the button, another class is added to the link tag to indicate that state. These are the state classes.

For example, you could hide the disabled button entirely by applying the following directive.

a.peecho-btn-disabled {display:none;}