scss-library/components/04_Atoms/button/button.hbs
2021-03-21 18:47:51 +01:00

61 lines
1.4 KiB
Handlebars

<button class="RV-Button RV-Button--large RV-Button--border">
<div class="RV-Button__Icon RV-Button__Icon--outwardsArrow">
<img class="RV-Image" src="{{ path '/icons/debug.png' }}"/>
</div>
<div class="RV-Button__Text">
Button Text
</div>
</button>
<br>
<br>
<br>
<button class="RV-Button RV-Button--large RV-Button--border">
<div class="RV-Button__Icon RV-Button__Icon--inwardsArrow">
<img class="RV-Image" src="{{ path '/icons/debug.png' }}"/>
</div>
<div class="RV-Button__Text">
Button Text
</div>
</button>
<br>
<br>
<br>
<button class="RV-Button RV-Button--medium RV-Button--link">
<div class="RV-Button__Icon RV-Button__Icon--forwardSlope">
<img class="RV-Image" src="{{ path '/icons/debug.png' }}"/>
</div>
<div class="RV-Button__Text">
Button Text
</div>
</button>
<br>
<br>
<br>
<button class="RV-Button RV-Button--medium RV-Button--link">
<div class="RV-Button__Icon RV-Button__Icon--backwardSlope">
<img class="RV-Image" src="{{ path '/icons/debug.png' }}"/>
</div>
<div class="RV-Button__Text">
Button Text
</div>
</button>
<br>
<br>
<br>
<button class="RV-Button RV-Button--small RV-Button">
<div class="RV-Button__Icon">
<img class="RV-Image" src="{{ path '/icons/debug.png' }}"/>
</div>
<div class="RV-Button__Text">
Button Text
</div>
</button>
<br>
<br>
<br>
<button class="RV-Button RV-Button--small RV-Button--border">
<div class="RV-Button__Text">
Button Text
</div>
</button>