Buttons: Add arrows

[savannahjulian]

Buttons: Add arrows

[AugustMiller]

You're looking to include a small Feather-icon inside some buttons?

This could be a javascript solution that appends a span tag to all buttons with an "arrow" class, rather than going back in and attempting to shim the code on ourselves.

[savannahjulian]

Yeah I just wanted to make a note of it because I wasn't sure how to add some "html safe" content in tags for the buttons since they were being populated by wordpress…does that make sense?

[AugustMiller]

Any .php file in this project is going to output raw HTML ultimately, so you're welcome to add a span element wherever you like, and it'll appear as you'd expect. It's just a matter of maintenance, i.e:

Option 1

Use a class or data-attribute to find and append span tag with JavaScript

• "DRY" programming: we only write the HTML once, and it gets recycled every time a button needs an arrow
• Code in the PHP/HTML could be as minimal as <button class="blue arrow">Button Text</button>

Option 2

Add span inline

• Additional maintenance on each button requiring an arrow: <button class="blue">Button Text<span class="icon-arrow-right"></span></button>