Header Buttons

Description

There are three styles of buttons we may add to a header.

• A button with only text.
• A button with only an icon.
• A button with text and an icon.

An icon-only button requires the addition of two attributes: data-icon and data-iconpos="notext".

This button also requires the data-icon attribute.

Example

<!-- A  button with only text  -->
<a  href="#">Done</a>

<!-- A  button  with only an  icon -->
<a  href="#"  data-icon="plus" data-iconpos="notext"></a>

<!-- A  button with text  and  an  icon -->
<a  href="#" data-icon="check">Done</a>