.. include:: /Includes.rst.txt

.. _usage:

=====
Usage
=====

..  card-grid::
    :columns: 1
    :columns-md: 2
    :gap: 4
    :class: pb-4
    :card-height: 100

    ..  card:: Getting Started

        Take your first steps with Fluid templating

        ..  card-footer:: :ref:`Start with the basics <getting-started>`
            :button-style: btn btn-secondary stretched-link

    ..  card:: Variables

        Discover the intricacies of variables in Fluid templates

        ..  card-footer:: :ref:`Learn about Variables <variables>`
            :button-style: btn btn-secondary stretched-link

    ..  card:: File Structure

        Learn about the different template file types as well as their use cases
        and rules.

        ..  card-footer:: :ref:`Learn about Fluid's file structure <template-file-structure>`
            :button-style: btn btn-secondary stretched-link

    ..  card:: ViewHelpers

        Learn about the different flavors of ViewHelpers and how to use them in your
        templates.

        ..  card-footer:: :ref:`Learn about ViewHelpers <what-are-viewhelpers>`
            :button-style: btn btn-secondary stretched-link

    ..  card:: Components

        Learn how to configure, define and render components in your Fluid
        templates.

        ..  card-footer:: :ref:`Learn about Components <components>`
            :button-style: btn btn-secondary stretched-link

.. toctree::
    :hidden:
    :maxdepth: 2
    :titlesonly:

    GettingStarted
    Variables
    Structure
    ViewHelpers
    Components