{%- from 'macros/misc.html' import render_tag %}


  {%- set example_tags -%}
<p>Just a {{ render_tag('tag') }} to attach to things or to represent state.</p>
  {%- endset %}

  <div class="example">
    <div class="example-result">
{{ example_tags }}
    </div>
    <div class="example-code">
      {% call render_code_block() -%}
{{ example_tags }}
      {%- endcall %}
    </div>
  </div>

  <p>With pre-defined colors:</p>

  {%- set example_tags_colored -%}
<p>
  {%- for color in ('info', 'success', 'warning', 'danger') %}
  {{ render_tag(color, class='color-{}'.format(color)) }}
  {%- endfor %}
</p>
  {%- endset %}

  <div class="example">
    <div class="example-result">
{{ example_tags_colored }}
    </div>
    <div class="example-code">
      {% call render_code_block() -%}
{{ example_tags_colored }}
      {%- endcall %}
    </div>
  </div>

{%- from 'macros/misc.html' import render_tag %}


  {%- set example_tags -%}
<p>Just a {{ render_tag('tag') }} to attach to things or to represent state.</p>
  {%- endset %}

  <div class="example">
    <div class="example-result">
{{ example_tags }}
    </div>
    <div class="example-code">
      {% call render_code_block() -%}
{{ example_tags }}
      {%- endcall %}
    </div>
  </div>

  <p>With pre-defined colors:</p>

  {%- set color = None -%}{# workaround for bug in Jinja 3.0.0 #}
  {%- set example_tags_colored -%}
<p>
  {%- for color in ('info', 'success', 'warning', 'danger') %}
  {{ render_tag(color, class='color-{}'.format(color)) }}
  {%- endfor %}
</p>
  {%- endset %}

  <div class="example">
    <div class="example-result">
{{ example_tags_colored }}
    </div>
    <div class="example-code">
      {% call render_code_block() -%}
{{ example_tags_colored }}
      {%- endcall %}
    </div>
  </div>

Work around Jinja 3.0.0 bug with `for` inside of `set` block
Work around Jinja 3.0.0 bug with `for` inside of `set` block
