{% extends "nswdesignsystem/components.html" %} {% from "macros/nswdesignsystem/tabs.html" import tabs with context %} {% block primary_content %}
{% for variant in h.nswdesignsystem_demo_variants(component) %} {% set embed_url = h.url_for("nswdesignsystem.embed", component=variant) %}

{{ variant.split("_") | join(" ") | capitalize }} open_in_new

{% call(idx) tabs(["Preview", "Code", "Details"]) %} {% if idx == 0 %} {% if use_iframe %} {% else %}
{% include h.nswdesignsystem_demo_template(variant) %}
{% endif %} {% elif idx == 1 %}
{{ h.nswdesignsystem_demo_code(variant) }}
{% elif idx == 2 %} {% include [h.nswdesignsystem_demo_details(variant), "nswdesignsystem/snippets/missing_demo_details.html"] %} {% endif %} {% endcall %}
{% else %} {% include "nswdesignsystem/snippets/missing_demo.html" %} {% endfor %}
{% endblock %}