WAI Website Assets

Button: Backtotop 

<a class="button button-backtotop" href="#top"><span><svg aria-hidden="true" class="icon-arrow-up "><use xlink:href="../../assets/images/icons.svg#icon-arrow-up"></use></svg> arrow-up Back to Top</span></a>
 
{%- if type == "fake" -%}
<span class="button{% for mod in mods %} button-{{ mod }}{% endfor %}">{{label}}</span>
{%- else -%}
{%- if type != "icon" -%}
{%- if type == "link" -%}
<a class="button{% for mod in mods %} button-{{ mod }}{% endfor %}" href="{{ href }}"><span>{% if icon %}{%render '@icons', name=icon %} {% endif %}{{ label }}</span></a>
{%- else -%}
<button class="button{% for mod in mods %} button-{{ mod }}{% endfor %}"{{ " type=\"submit\"" if submit }}{{ " disabled" if disabled }}><span>{% if icon %}{%render '@icons', name=icon %} {% endif %}{{ label }}</span></button>
{%- endif -%}
{%- else -%}
<button class="button{% for mod in mods %} button-{{ mod }}{% endfor %}"{{ " type=\"submit\"" if submit }}{{ " disabled" if disabled }}><span>{%render '@icons', name=icon %}</span></button>
{%- endif -%}
{%- endif -%}
 
{
  "type": "link",
  "label": "Back to Top",
  "icon": "arrow-up",
  "href": "#top",
  "mods": [
    "backtotop"
  ]
}

There are no notes for this item.