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


  {%- set example_notifications -%}
{{ render_notification('', None, 'Without category and icon.') }}

{{ render_notification('info', 'info', 'Just FYI.') }}

{{ render_notification('danger', 'error', '<p>This did not end well. :(</p><p>To explain the problem, debug information like stack trace could follow here.</p>', text_is_safe=true) }}

{{ render_notification('success', 'success', 'The action was <strong>successful</strong>.', text_is_safe=true) }}
  {%- endset %}

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

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


  {%- set example_notifications -%}
  {{ render_notification('', None, 'Without category and icon. But at least with <a href="#">a link</a>.', text_is_safe=True) }}

{{ render_notification('info', 'info', 'Just FYI. <a href="#">Read more.</a>', text_is_safe=true) }}

{{ render_notification('danger', 'error', '<p>This did not end well. :( <a href="#">Try again?</a></p><p>To explain the problem, debug information like a stack trace could follow here.</p>', text_is_safe=true) }}

{{ render_notification('success', 'success', 'The action was <strong>successful</strong>. <a href="#">Get yourself something nice.</a>', text_is_safe=true) }}
  {%- endset %}

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

Add links to notification boxes in style guide so they don't get overlooked during style customization
Add links to notification boxes in style guide so they don't get overlooked during style customization
