feature request: allow to add custom content to buttons about ember-shepherd HOT 2 CLOSED

So a couple things, text supports HTML https://github.com/shipshapecode/shepherd/blob/3dee64d023e9545f61d508b36d030a331b5e0049/src/js/step.js#L129

You can add that svg code in the text if you would like or use the font awesome font, rather than the svgs.

Also, you can definitely change the fill and stroke of svgs on hover, I do it for my icons all the time. Something like this:

svg {
          path {
            fill: $gold;
            transition-duration: 0.25s;
            transition-property: fill;
          }

          &:hover {
            path {
              fill: $grey-transparent;
            }
          }
        }

Hopefully one of those methods works for you!

from ember-shepherd.

@rwwagner90 Ah, thank you. I wasn't aware that text would also support html. That makes things a lot easier.
Regarding the fill color, it does not seem to be possible to change it when the svg data is embedded within the content property. When adding them as actual elements, like you said, that works perfectly.

from ember-shepherd.