Foot

Foot

The Foot component is the last component on every page. It’s where you put the code you want loaded last.

Usage

Simple use of the Foo component is accomplished by including it.

{% include "@miz/components/meta/foot/foot.twig" %}

Options reference

Options

Contextual variables available in the Foot component.

Variable Default Values Description
baseURL OR Site.ParentThemeURL null String If you need to provide a pathway to the files of the Design System in your implementation you can provide those values here. NO trailing slash. The Site object is from MizzouMVC.

Blocks

Blocks can be used to extend and add more content _or_ override it completely. But be careful, that could cause unintended consquences.

Block name Description
foot_block Currently the only block available in the Foot. JavaScript that is not critical is often loaded here.
{% block foot_block %}
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="{{ Site.ParentThemeURL | default('/') }}scripts/bundle.js" defer="defer"></script>
{% endblock %}

</body>

</html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="/scripts/bundle.js" defer="defer"></script>

</body>

</html>
/* No context defined for this component. */