Icon Button

Basic button icon for <button>, <input type="submit">, or <a role="button"> tags, along with inverse buttons.

evo-icon-button

<button class="evo-button evo-icon-button">button</button>

Create a <button> tag and apply the evo-button and evo-icon-button classes. Default styles are set in _evo_variables.scss.

<button class="evo-button evo-icon-button button-box-none ghost-to-ghost-color">borderless button</button>

anchor link button experimental

anchor button

<a href="#" class="evo-button evo-icon-button" role="button">anchor button</a>

Create an <a role="button"> tag and apply the evo-button and evo-icon-button classes. Default styles are set in _evo_variables.scss.

input button experimental

<input value="input button" class="evo-button evo-icon-button width-auto"> /

Create an input type="submit"> and apply the evo-button and evo-icon-button classes. Default styles are set in _evo_variables.scss.

evo-icon-button-inverse

<button class="evo-button-inverse evo-icon-button-inverse">button</button>

Create a <button> tag and apply the evo-button-inverse and evo-icon-button-inverse classes. Default styles are set in _evo_variables.scss.

<button class="evo-button-inverse evo-icon-button-inverse button-box-none ghost-to-ghost-color">borderless button</button>

anchor link button inverse experimental

anchor button

<a href="#" class="evo-button-inverse evo-icon-button-inverse" role="button">anchor button</a>

Create an <a role="button"> tag and apply the evo-button-inverse and evo-icon-button-inverse classes. Default styles are set in _evo_variables.scss.

input button inverse experimental

<input value="input button" class="evo-button-inverse evo-icon-button-inverse width-auto"> /

Create an input type="submit"> and apply the evo-button-inverse and evo-icon-button-inverse classes. Default styles are set in _evo_variables.scss.