{% extends 'templates/document.html' %}
{% import 'components/Document/Head.html' as Head %}
{% import 'components/Sidebar/Sidebar.html' as Sidebar %}
{% import 'components/PageHeader/PageHeader.html' as PageHeader %}
{% import 'content/Swappable/GridLayout/GridLayout.html' as GridLayout %}
{% set ViewAttr = {
id: 'GridLayout',
parent: 'Swappable',
child: 'Grid layout',
subheading: 'Draggable children do not need to be direct descendants of their container. Wrapper elements can be used to maintain layout and simplify styling.'
} %}
{% block PageId %}{{ ViewAttr.id }}{% endblock %}
{% block head %}
{{ Head.render(ViewAttr) }}
{% endblock %}
{% block sidebar %}
{{ Sidebar.render(ViewAttr, DataPages) }}
{% endblock %}
{% block main %}
{{ PageHeader.render(ViewAttr) }}
{{ GridLayout.render(ViewAttr.id) }}
{% endblock %}