{% 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/Floated/Floated.html' as Floated %}
{% set ViewAttr = {
id: 'Floated',
parent: 'Swappable',
child: 'Floated',
subheading: 'Floated layouts work just like the Flexbox example. A bit of clever CSS can help mitigate any layout conflicts while dragging.'
} %}
{% block PageId %}{{ ViewAttr.id }}{% endblock %}
{% block head %}
{{ Head.render(ViewAttr) }}
{% endblock %}
{% block sidebar %}
{{ Sidebar.render(ViewAttr, DataPages) }}
{% endblock %}
{% block main %}
{{ PageHeader.render(ViewAttr) }}
{{ Floated.render(ViewAttr.id) }}
{% endblock %}