.. toctree::
   :maxdepth: 1
   :hidden:

   basic
   ../add_components/index

.. toctree::
   :maxdepth: 1
   :hidden:

   intermediate
   ../run_work_in_parallel
   ../run_work_once

.. toctree::
   :maxdepth: 1
   :hidden:

   ../enable_fault_tolerance

******
Basics
******
.. raw:: html

    <div class="display-card-container">
        <div class="row">

.. displayitem::
   :header: Develop a Lightning Component
   :description: Learn the basics of developing a Lightning Component
   :col_css: col-md-4
   :button_link: basic.html
   :height: 150
   :tag: basic

.. displayitem::
   :header: Explore community Lightning Components
   :description: Discover community-built Lightning Components
   :col_css: col-md-4
   :button_link: https://lightning.ai/components
   :height: 150
   :tag: basic

.. raw:: html

        </div>
    </div>

----

************
Intermediate
************

.. raw:: html

    <div class="display-card-container">
        <div class="row">

.. displayitem::
   :header: Add a UI to a component
   :description: Learn about all the possible ways of rendering a component.
   :col_css: col-md-4
   :button_link: intermediate.html
   :height: 150
   :tag: intermediate

.. displayitem::
   :header: Run LightningWork in parallel
   :description: Learn about running LightningWork in parallel.
   :col_css: col-md-4
   :button_link: ../run_work_in_parallel.html
   :height: 150
   :tag: intermediate

.. displayitem::
   :header: Run LightningWork once
   :description: Learn about running LightningWork multiple times or once.
   :col_css: col-md-4
   :button_link: ../run_work_once.html
   :height: 150
   :tag: intermediate

.. displayitem::
   :header: Publish a Lightning component
   :description: Learn the basics of publishing a Lightning component.
   :col_css: col-md-4
   :button_link: publish_a_component.html
   :height: 150
   :tag: intermediate

.. raw:: html

        </div>
    </div>


----

********
Advanced
********

.. raw:: html

    <div class="display-card-container">
        <div class="row">

.. displayitem::
   :header: Enable fault tolerance
   :description: Learn how to make a component fault tolerant.
   :col_css: col-md-4
   :button_link: ../enable_fault_tolerance.html
   :height: 150
   :tag: advanced

.. raw:: html

        </div>
    </div>
