<h1>Global variables</h1>

<p>
  These variables are controlled per-theme in the module <em>TOC Master - TWIG Globals</em><br>
  <code>/admin/config/toc_master_companion/twig_globals.</code><br>
  They have a default, but if you set a variable it overrides it in *ALL* twig templates !<br>
  Some vars are single, some are arrays.<br>
  In this project, this file is located at <code>wingsuit/apps/storybook/config/gloabl-vars.json</code>
</p>

<pre class="prismjs">
<code>
{
  "global_status_icon_good": "far fa-check-circle",
  "global_status_icon_minor": "far fa-exclamation-circle",
  "global_status_icon_major": "far fa-exclamation-triangle",
  "global_status_icon_stationalert": "far fa-info-circle",
  "global_status_icon_noservice": "fas fa-ban",
  "global_status_icon_amended": ["far fa-circle", "fas fa-pen"],
  "global_status_icon_strike": ["far fa-hexagon", "fas fa-user"],
  "global_icon_tag": "fas fa-tag"
}
</code>
</pre>

<h2>Examples</h2>

<ul>
  <li>
    {% include "@atoms/tm-links/icon-bookended/icon-bookended.twig" with {
      "text": "global_icon_tag",
      "url": '#',
      "icon_left": global_icon_tag,
    } only %}
  </li>
  <li>
    {% include "@atoms/tm-links/icon-bookended/icon-bookended.twig" with {
      "text": "global_status_icon_good",
      "url": '#',
      "icon_left": global_status_icon_good,
    } only %}
  </li>
  <li>
    {% include "@atoms/tm-links/icon-bookended/icon-bookended.twig" with {
      "text": "global_status_icon_strike",
      "url": '#',
      "icon_left": global_status_icon_strike,
    } only %}
  </li>
  <li>
    {% include "@atoms/tm-links/icon-bookended/icon-bookended.twig" with {
      "text": "global_status_icon_amended",
      "url": '#',
      "icon_left": global_status_icon_amended,
    } only %}
  </li>
</ul>
