Doc Twig UI blocks

2026-04-27 04:28:44 +02:00 · 2022-11-10 18:54:35 +01:00
parent eec80061a1
commit cb44a13840
299 changed files with 2315 additions and 90 deletions
--- a/docs/UI/html/documentation/3.0/.buildinfo
+++ b/docs/UI/html/documentation/3.0/.buildinfo
@@ -1,4 +1,4 @@
 # Sphinx build info version 1
 # This file hashes the configuration used when building these files. When it is not found, a full rebuild will be done.
-config: 0e56475910a81e9dc43c43e795719b2d
+config: 106d9fe79f75a9444df83040c621bbd6
 tags: 645f666f9bcd5a90fca523b33c5a78b7
--- a/docs/UI/html/documentation/3.0/.doctrees/TwigBase/TwigBase.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/TwigBase/TwigBase.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/Step1/Step1.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/Step1/Step1.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/Step2/Step2.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/Step2/Step2.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/Step3/Step3.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/Step3/Step3.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/Step4/Step4.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/Step4/Step4.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/TwigBaseTuto.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/TwigBaseTuto/TwigBaseTuto.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/environment.pickle
+++ b/docs/UI/html/documentation/3.0/.doctrees/environment.pickle
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Alert/Alert.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Alert/Alert.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Button/Button.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Button/Button.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/ButtonGroup/ButtonGroup.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/ButtonGroup/ButtonGroup.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/CollapsibleSection/CollapsibleSection.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/CollapsibleSection/CollapsibleSection.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/DataTable/DataTable.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/DataTable/DataTable.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Field/Field.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Field/Field.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/FieldBadge/FieldBadge.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/FieldBadge/FieldBadge.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/FieldSet/FieldSet.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/FieldSet/FieldSet.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Form/Form.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Form/Form.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Input/FileSelect/FileSelect.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Input/FileSelect/FileSelect.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Input/Input.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Input/Input.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Input/Select/Select.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Input/Select/Select.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Input/Select/SelectOption.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Input/Select/SelectOption.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Panel/Panel.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Panel/Panel.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Spinner/Spinner.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Spinner/Spinner.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Title/Title.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Title/Title.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Toolbar/Toolbar.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Toolbar/Toolbar.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Layout/MultiColumn/Column/Column.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Layout/MultiColumn/Column/Column.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Layout/MultiColumn/MultiColumn.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Layout/MultiColumn/MultiColumn.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/generated/Layout/UIContentBlock.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/generated/Layout/UIContentBlock.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/index.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/index.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Alert/AlertAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Alert/AlertAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Alert/AlertFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Alert/AlertFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Button/ButtonAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Button/ButtonAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Button/ButtonFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Button/ButtonFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/ButtonGroup/ButtonGroupAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/ButtonGroup/ButtonGroupAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/ButtonGroup/ButtonGroupFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/ButtonGroup/ButtonGroupFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/CollapsibleSection/CollapsibleSectionAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/CollapsibleSection/CollapsibleSectionAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/CollapsibleSection/CollapsibleSectionFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/CollapsibleSection/CollapsibleSectionFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/DataTable/DataTableAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/DataTable/DataTableAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/DataTable/DataTableFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/DataTable/DataTableFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Field/FieldAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Field/FieldAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Field/FieldFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Field/FieldFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/FieldBadge/FieldBadgeAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/FieldBadge/FieldBadgeAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/FieldBadge/FieldBadgeFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/FieldBadge/FieldBadgeFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/FieldSet/FieldSetAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/FieldSet/FieldSetAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/FieldSet/FieldSetFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/FieldSet/FieldSetFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Form/FormAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Form/FormAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Form/FormFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Form/FormFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/FileSelect/FileSelectAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/FileSelect/FileSelectAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/FileSelect/FileSelectFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/FileSelect/FileSelectFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/InputAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/InputAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/InputFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/InputFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/Select/SelectAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/Select/SelectAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/Select/SelectFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/Select/SelectFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/Select/SelectOptionAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/Select/SelectOptionAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/Select/SelectOptionFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Input/Select/SelectOptionFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Panel/PanelAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Panel/PanelAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Panel/PanelFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Panel/PanelFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Spinner/SpinnerAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Spinner/SpinnerAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Spinner/SpinnerFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Spinner/SpinnerFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Title/TitleAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Title/TitleAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Title/TitleFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Title/TitleFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Toolbar/ToolbarAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Toolbar/ToolbarAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Toolbar/ToolbarFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Toolbar/ToolbarFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/MultiColumn/Column/ColumnAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/MultiColumn/Column/ColumnAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/MultiColumn/Column/ColumnFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/MultiColumn/Column/ColumnFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/MultiColumn/MultiColumnAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/MultiColumn/MultiColumnAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/MultiColumn/MultiColumnFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/MultiColumn/MultiColumnFooter.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/UIContentBlockAdditionalDescription.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/UIContentBlockAdditionalDescription.doctree
--- a/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/UIContentBlockFooter.doctree
+++ b/docs/UI/html/documentation/3.0/.doctrees/manual/Layout/UIContentBlockFooter.doctree
--- a/docs/UI/html/documentation/3.0/TwigBase/TwigBase.html
+++ b/docs/UI/html/documentation/3.0/TwigBase/TwigBase.html
@@ -43,6 +43,11 @@
 <ul class="current">
 <li class="toctree-l1 current"><a class="current reference internal" href="#">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../generated/Component/Component.html">UI Components</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../generated/Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
--- a/docs/UI/html/documentation/3.0/TwigBaseTuto/Step1/Step1.html
+++ b/docs/UI/html/documentation/3.0/TwigBaseTuto/Step1/Step1.html
@@ -49,6 +49,11 @@
 <li class="toctree-l2"><a class="reference internal" href="../Step4/Step4.html">4. Adding new operations</a></li>
 </ul>
 </li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
--- a/docs/UI/html/documentation/3.0/TwigBaseTuto/Step2/Step2.html
+++ b/docs/UI/html/documentation/3.0/TwigBaseTuto/Step2/Step2.html
@@ -54,6 +54,11 @@
 <li class="toctree-l2"><a class="reference internal" href="../Step4/Step4.html">4. Adding new operations</a></li>
 </ul>
 </li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -130,7 +135,7 @@ The name of the method is built from the operation name by adding <em>Operation<
 </div>
 </div>
 <p>Twig syntax can be found <a class="reference external" href="https://twig.symfony.com/doc/3.x/">Here</a>.</p>
-<p>For more information on specific iTop Twig tags you can check <span class="xref std std-ref">Components</span> and <span class="xref std std-ref">Layouts</span>, <em>note that UI blocks are new in iTop 3.0 and cannot be used in iTop 2.7</em></p>
+<p>For more information on specific iTop Twig tags you can check <a class="reference internal" href="../../generated/Component/Component.html#components"><span class="std std-ref">UI Components</span></a> and <a class="reference internal" href="../../generated/Layout/Layout.html#layouts"><span class="std std-ref">UI Layouts</span></a>, <em>note that UI blocks are new in iTop 3.0 and cannot be used in iTop 2.7</em></p>
 </section>
 <section id="the-end-point">
 <h2>The end point<a class="headerlink" href="#the-end-point" title="Permalink to this headline"></a></h2>
--- a/docs/UI/html/documentation/3.0/TwigBaseTuto/Step3/Step3.html
+++ b/docs/UI/html/documentation/3.0/TwigBaseTuto/Step3/Step3.html
@@ -49,6 +49,11 @@
 <li class="toctree-l2"><a class="reference internal" href="../Step4/Step4.html">4. Adding new operations</a></li>
 </ul>
 </li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
--- a/docs/UI/html/documentation/3.0/TwigBaseTuto/Step4/Step4.html
+++ b/docs/UI/html/documentation/3.0/TwigBaseTuto/Step4/Step4.html
@@ -19,6 +19,7 @@
    <script src="../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../genindex.html" />
    <link rel="search" title="Search" href="../../search.html" />
+    <link rel="next" title="UI Components" href="../../generated/Component/Component.html" />
    <link rel="prev" title="3. Passing variables to templates" href="../Step3/Step3.html" /> 
 </head>

@@ -48,6 +49,11 @@
 <li class="toctree-l2 current"><a class="current reference internal" href="#">4. Adding new operations</a></li>
 </ul>
 </li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -144,6 +150,7 @@

          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
        <a href="../Step3/Step3.html" class="btn btn-neutral float-left" title="3. Passing variables to templates" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../../generated/Component/Component.html" class="btn btn-neutral float-right" title="UI Components" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
    </div>

  <hr/>
--- a/docs/UI/html/documentation/3.0/TwigBaseTuto/TwigBaseTuto.html
+++ b/docs/UI/html/documentation/3.0/TwigBaseTuto/TwigBaseTuto.html
@@ -49,6 +49,11 @@
 <li class="toctree-l2"><a class="reference internal" href="Step4/Step4.html">4. Adding new operations</a></li>
 </ul>
 </li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../generated/Component/Component.html">UI Components</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../generated/Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
--- a/docs/UI/html/documentation/3.0/generated/Component/Alert/Alert.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Alert/Alert.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="Button" href="../Button/Button.html" />
+    <link rel="prev" title="UI Components" href="../Component.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,47 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Alert</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#alert-neutral">Alert Neutral</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#alert-forinformation">Alert ForInformation</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#alert-forsuccess">Alert ForSuccess</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#alert-forwarning">Alert ForWarning</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#alert-fordanger">Alert ForDanger</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#alert-forfailure">Alert ForFailure</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#alert-withbrandingprimarycolor">Alert WithBrandingPrimaryColor</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#alert-withbrandingsecondarycolor">Alert WithBrandingSecondaryColor</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#alert-common-parameters">Alert common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +100,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>Alert</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -653,7 +697,10 @@ Alerts are a rectangular component displaying a title and a message.</p>
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Component.html" class="btn btn-neutral float-left" title="UI Components" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../Button/Button.html" class="btn btn-neutral float-right" title="Button" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Button/Button.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Button/Button.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="ButtonGroup" href="../ButtonGroup/ButtonGroup.html" />
+    <link rel="prev" title="Alert" href="../Alert/Alert.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,54 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Button</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#button-neutral">Button Neutral</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-forprimaryaction">Button ForPrimaryAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-forsecondaryaction">Button ForSecondaryAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-forpositiveaction">Button ForPositiveAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-fordestructiveaction">Button ForDestructiveAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-alternativeneutral">Button AlternativeNeutral</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-foralternativeprimaryaction">Button ForAlternativePrimaryAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-foralternativesecondaryaction">Button ForAlternativeSecondaryAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-foralternativevalidationaction">Button ForAlternativeValidationAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-foralternativedestructiveaction">Button ForAlternativeDestructiveAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-forcancel">Button ForCancel</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-iconaction">Button IconAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-linkneutral">Button LinkNeutral</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-iconlink">Button IconLink</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-destructiveiconlink">Button DestructiveIconLink</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#button-common-parameters">Button common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +107,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>Button</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -1071,7 +1122,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Alert/Alert.html" class="btn btn-neutral float-left" title="Alert" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../ButtonGroup/ButtonGroup.html" class="btn btn-neutral float-right" title="ButtonGroup" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/ButtonGroup/ButtonGroup.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/ButtonGroup/ButtonGroup.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="CollapsibleSection" href="../CollapsibleSection/CollapsibleSection.html" />
+    <link rel="prev" title="Button" href="../Button/Button.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,40 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ButtonGroup</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#buttongroup-buttonwithoptionsmenu">ButtonGroup ButtonWithOptionsMenu</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#buttongroup-common-parameters">ButtonGroup common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +93,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>ButtonGroup</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -221,7 +258,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Button/Button.html" class="btn btn-neutral float-left" title="Button" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../CollapsibleSection/CollapsibleSection.html" class="btn btn-neutral float-right" title="CollapsibleSection" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/CollapsibleSection/CollapsibleSection.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/CollapsibleSection/CollapsibleSection.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="DataTable" href="../DataTable/DataTable.html" />
+    <link rel="prev" title="ButtonGroup" href="../ButtonGroup/ButtonGroup.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,40 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">CollapsibleSection</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#collapsiblesection-standard">CollapsibleSection Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#collapsiblesection-common-parameters">CollapsibleSection common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +93,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>CollapsibleSection</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -233,7 +270,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../ButtonGroup/ButtonGroup.html" class="btn btn-neutral float-left" title="ButtonGroup" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../DataTable/DataTable.html" class="btn btn-neutral float-right" title="DataTable" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/DataTable/DataTable.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/DataTable/DataTable.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="Field" href="../Field/Field.html" />
+    <link rel="prev" title="CollapsibleSection" href="../CollapsibleSection/CollapsibleSection.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,45 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">DataTable</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#datatable-forresult">DataTable ForResult</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#datatable-forobject">DataTable ForObject</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#datatable-forrendering">DataTable ForRendering</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#datatable-forrenderingobject">DataTable ForRenderingObject</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#datatable-forstaticdata">DataTable ForStaticData</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#datatable-forform">DataTable ForForm</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#datatable-common-parameters">DataTable common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +98,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>DataTable</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -563,7 +605,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../CollapsibleSection/CollapsibleSection.html" class="btn btn-neutral float-left" title="CollapsibleSection" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../Field/Field.html" class="btn btn-neutral float-right" title="Field" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Field/Field.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Field/Field.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="FieldBadge" href="../FieldBadge/FieldBadge.html" />
+    <link rel="prev" title="DataTable" href="../DataTable/DataTable.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,44 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Field</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#field-fromparams">Field FromParams</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#field-fromobject">Field FromObject</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#field-large">Field Large</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#field-small">Field Small</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#field-standard">Field Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#field-common-parameters">Field common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +97,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>Field</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -484,7 +525,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../DataTable/DataTable.html" class="btn btn-neutral float-left" title="DataTable" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../FieldBadge/FieldBadge.html" class="btn btn-neutral float-right" title="FieldBadge" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/FieldBadge/FieldBadge.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/FieldBadge/FieldBadge.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="FieldSet" href="../FieldSet/FieldSet.html" />
+    <link rel="prev" title="Field" href="../Field/Field.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,40 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">FieldBadge</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#fieldbadge-forfield">FieldBadge ForField</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#fieldbadge-common-parameters">FieldBadge common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +93,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>FieldBadge</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -229,7 +266,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Field/Field.html" class="btn btn-neutral float-left" title="Field" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../FieldSet/FieldSet.html" class="btn btn-neutral float-right" title="FieldSet" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/FieldSet/FieldSet.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/FieldSet/FieldSet.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="Form" href="../Form/Form.html" />
+    <link rel="prev" title="FieldBadge" href="../FieldBadge/FieldBadge.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,40 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">FieldSet</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#fieldset-standard">FieldSet Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#fieldset-common-parameters">FieldSet common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +93,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>FieldSet</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -247,7 +284,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../FieldBadge/FieldBadge.html" class="btn btn-neutral float-left" title="FieldBadge" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../Form/Form.html" class="btn btn-neutral float-right" title="Form" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Form/Form.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Form/Form.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="FileSelect" href="../Input/FileSelect/FileSelect.html" />
+    <link rel="prev" title="FieldSet" href="../FieldSet/FieldSet.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,40 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Form</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#form-standard">Form Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#form-common-parameters">Form common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +93,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>Form</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -231,7 +268,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../FieldSet/FieldSet.html" class="btn btn-neutral float-left" title="FieldSet" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../Input/FileSelect/FileSelect.html" class="btn btn-neutral float-right" title="FileSelect" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Input/FileSelect/FileSelect.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Input/FileSelect/FileSelect.html
@@ -18,7 +18,9 @@
        <script src="../../../../_static/doctools.js"></script>
    <script src="../../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../../search.html" />
+    <link rel="next" title="Input" href="../Input.html" />
+    <link rel="prev" title="Form" href="../../Form/Form.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,40 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Form/Form.html">Form</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">FileSelect</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#fileselect-standard">FileSelect Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#fileselect-common-parameters">FileSelect common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +93,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../../Component.html">UI Components</a> &raquo;</li>
      <li>FileSelect</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -217,7 +254,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../../Form/Form.html" class="btn btn-neutral float-left" title="Form" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../Input.html" class="btn btn-neutral float-right" title="Input" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Input/Input.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Input/Input.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="Select" href="Select/Select.html" />
+    <link rel="prev" title="FileSelect" href="FileSelect/FileSelect.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,42 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Input</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#input-forhidden">Input ForHidden</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#input-standard">Input Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#input-forinputwithlabel">Input ForInputWithLabel</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#input-common-parameters">Input common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +95,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>Input</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -353,7 +392,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="FileSelect/FileSelect.html" class="btn btn-neutral float-left" title="FileSelect" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="Select/Select.html" class="btn btn-neutral float-right" title="Select" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Input/Select/Select.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Input/Select/Select.html
@@ -18,7 +18,9 @@
        <script src="../../../../_static/doctools.js"></script>
    <script src="../../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../../search.html" />
+    <link rel="next" title="SelectOption" href="SelectOption.html" />
+    <link rel="prev" title="Input" href="../Input.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,41 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input.html">Input</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Select</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#select-forselect">Select ForSelect</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#select-forselectwithlabel">Select ForSelectWithLabel</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#select-common-parameters">Select common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +94,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../../Component.html">UI Components</a> &raquo;</li>
      <li>Select</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -305,7 +343,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Input.html" class="btn btn-neutral float-left" title="Input" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="SelectOption.html" class="btn btn-neutral float-right" title="SelectOption" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Input/Select/SelectOption.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Input/Select/SelectOption.html
@@ -18,7 +18,9 @@
        <script src="../../../../_static/doctools.js"></script>
    <script src="../../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../../search.html" />
+    <link rel="next" title="Panel" href="../../Panel/Panel.html" />
+    <link rel="prev" title="Select" href="Select.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,40 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Select.html">Select</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">SelectOption</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#selectoption-forselectoption">SelectOption ForSelectOption</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#selectoption-common-parameters">SelectOption common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +93,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../../Component.html">UI Components</a> &raquo;</li>
      <li>SelectOption</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -233,7 +270,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="Select.html" class="btn btn-neutral float-left" title="Select" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../../Panel/Panel.html" class="btn btn-neutral float-right" title="Panel" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Panel/Panel.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Panel/Panel.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="Spinner" href="../Spinner/Spinner.html" />
+    <link rel="prev" title="SelectOption" href="../Input/Select/SelectOption.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,48 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Panel</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#panel-neutral">Panel Neutral</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#panel-forinformation">Panel ForInformation</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#panel-forsuccess">Panel ForSuccess</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#panel-forwarning">Panel ForWarning</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#panel-fordanger">Panel ForDanger</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#panel-forfailure">Panel ForFailure</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#panel-withbrandingprimarycolor">Panel WithBrandingPrimaryColor</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#panel-withbrandingsecondarycolor">Panel WithBrandingSecondaryColor</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#panel-forclass">Panel ForClass</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#panel-common-parameters">Panel common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +101,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>Panel</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -651,7 +696,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Input/Select/SelectOption.html" class="btn btn-neutral float-left" title="SelectOption" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../Spinner/Spinner.html" class="btn btn-neutral float-right" title="Spinner" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Spinner/Spinner.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Spinner/Spinner.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="Title" href="../Title/Title.html" />
+    <link rel="prev" title="Panel" href="../Panel/Panel.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,40 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Spinner</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#spinner-standard">Spinner Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#spinner-common-parameters">Spinner common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +93,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>Spinner</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -199,7 +236,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Panel/Panel.html" class="btn btn-neutral float-left" title="Panel" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../Title/Title.html" class="btn btn-neutral float-right" title="Title" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Title/Title.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Title/Title.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="Toolbar" href="../Toolbar/Toolbar.html" />
+    <link rel="prev" title="Spinner" href="../Spinner/Spinner.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,43 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Title</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#title-forpage">Title ForPage</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#title-forpagewithicon">Title ForPageWithIcon</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#title-neutral">Title Neutral</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#title-standard">Title Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#title-common-parameters">Title common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +96,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>Title</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -396,7 +436,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Spinner/Spinner.html" class="btn btn-neutral float-left" title="Spinner" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../Toolbar/Toolbar.html" class="btn btn-neutral float-right" title="Toolbar" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Toolbar/Toolbar.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Toolbar/Toolbar.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="ToolbarSpacer" href="ToolbarSpacer/ToolbarSpacer.html" />
+    <link rel="prev" title="Title" href="../Title/Title.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,42 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Toolbar</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#toolbar-foraction">Toolbar ForAction</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#toolbar-standard">Toolbar Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#toolbar-forbutton">Toolbar ForButton</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#toolbar-common-parameters">Toolbar common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +95,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Component.html">UI Components</a> &raquo;</li>
      <li>Toolbar</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -307,7 +346,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Title/Title.html" class="btn btn-neutral float-left" title="Title" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="ToolbarSpacer/ToolbarSpacer.html" class="btn btn-neutral float-right" title="ToolbarSpacer" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer.html
+++ b/docs/UI/html/documentation/3.0/generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer.html
@@ -18,7 +18,9 @@
        <script src="../../../../_static/doctools.js"></script>
    <script src="../../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../../search.html" />
+    <link rel="next" title="UI Layouts" href="../../../Layout/Layout.html" />
+    <link rel="prev" title="Toolbar" href="../Toolbar.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,40 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="../../Component.html">UI Components</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="../../Alert/Alert.html">Alert</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Button/Button.html">Button</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../DataTable/DataTable.html">DataTable</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Field/Field.html">Field</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../FieldBadge/FieldBadge.html">FieldBadge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../FieldSet/FieldSet.html">FieldSet</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Form/Form.html">Form</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Input/FileSelect/FileSelect.html">FileSelect</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Input/Input.html">Input</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Input/Select/Select.html">Select</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Input/Select/SelectOption.html">SelectOption</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Panel/Panel.html">Panel</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Spinner/Spinner.html">Spinner</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../Title/Title.html">Title</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../Toolbar.html">Toolbar</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ToolbarSpacer</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#toolbarspacer-standard">ToolbarSpacer Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#toolbarspacer-common-parameters">ToolbarSpacer common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../../Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
@@ -57,6 +93,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../../Component.html">UI Components</a> &raquo;</li>
      <li>ToolbarSpacer</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -199,7 +236,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../Toolbar.html" class="btn btn-neutral float-left" title="Toolbar" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../../../Layout/Layout.html" class="btn btn-neutral float-right" title="UI Layouts" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Layout/MultiColumn/Column/Column.html
+++ b/docs/UI/html/documentation/3.0/generated/Layout/MultiColumn/Column/Column.html
@@ -18,7 +18,9 @@
        <script src="../../../../_static/doctools.js"></script>
    <script src="../../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../../search.html" />
+    <link rel="next" title="MultiColumn" href="../MultiColumn.html" />
+    <link rel="prev" title="UI Layouts" href="../../Layout.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,26 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1"><a class="reference internal" href="../../../Component/Component.html">UI Components</a></li>
+<li class="toctree-l1 current"><a class="reference internal" href="../../Layout.html">UI Layouts</a><ul class="current">
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Column</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#column-standard">Column Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#column-forblock">Column ForBlock</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#column-common-parameters">Column common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../MultiColumn.html">MultiColumn</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../UIContentBlock.html">UIContentBlock</a></li>
+</ul>
+</li>
 </ul>

        </div>
@@ -57,6 +79,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../../Layout.html">UI Layouts</a> &raquo;</li>
      <li>Column</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -265,7 +288,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="../../Layout.html" class="btn btn-neutral float-left" title="UI Layouts" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../MultiColumn.html" class="btn btn-neutral float-right" title="MultiColumn" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Layout/MultiColumn/MultiColumn.html
+++ b/docs/UI/html/documentation/3.0/generated/Layout/MultiColumn/MultiColumn.html
@@ -18,7 +18,9 @@
        <script src="../../../_static/doctools.js"></script>
    <script src="../../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../../genindex.html" />
-    <link rel="search" title="Search" href="../../../search.html" /> 
+    <link rel="search" title="Search" href="../../../search.html" />
+    <link rel="next" title="UIContentBlock" href="../UIContentBlock.html" />
+    <link rel="prev" title="Column" href="Column/Column.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +43,25 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1"><a class="reference internal" href="../../Component/Component.html">UI Components</a></li>
+<li class="toctree-l1 current"><a class="reference internal" href="../Layout.html">UI Layouts</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="Column/Column.html">Column</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">MultiColumn</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#multicolumn-standard">MultiColumn Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#multicolumn-common-parameters">MultiColumn common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+<li class="toctree-l2"><a class="reference internal" href="../UIContentBlock.html">UIContentBlock</a></li>
+</ul>
+</li>
 </ul>

        </div>
@@ -57,6 +78,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="../Layout.html">UI Layouts</a> &raquo;</li>
      <li>MultiColumn</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -227,7 +249,10 @@
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="Column/Column.html" class="btn btn-neutral float-left" title="Column" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+        <a href="../UIContentBlock.html" class="btn btn-neutral float-right" title="UIContentBlock" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/generated/Layout/UIContentBlock.html
+++ b/docs/UI/html/documentation/3.0/generated/Layout/UIContentBlock.html
@@ -18,7 +18,8 @@
        <script src="../../_static/doctools.js"></script>
    <script src="../../_static/js/theme.js"></script>
    <link rel="index" title="Index" href="../../genindex.html" />
-    <link rel="search" title="Search" href="../../search.html" /> 
+    <link rel="search" title="Search" href="../../search.html" />
+    <link rel="prev" title="MultiColumn" href="MultiColumn/MultiColumn.html" /> 
 </head>

 <body class="wy-body-for-nav"> 
@@ -41,6 +42,27 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul class="current">
+<li class="toctree-l1"><a class="reference internal" href="../Component/Component.html">UI Components</a></li>
+<li class="toctree-l1 current"><a class="reference internal" href="Layout.html">UI Layouts</a><ul class="current">
+<li class="toctree-l2"><a class="reference internal" href="MultiColumn/Column/Column.html">Column</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MultiColumn/MultiColumn.html">MultiColumn</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">UIContentBlock</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
+<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="#uicontentblock-standard">UIContentBlock Standard</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#uicontentblock-forcode">UIContentBlock ForCode</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#uicontentblock-forpreformatted">UIContentBlock ForPreformatted</a></li>
+<li class="toctree-l4"><a class="reference internal" href="#uicontentblock-common-parameters">UIContentBlock common parameters</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
+</ul>
+</li>
+</ul>
+</li>
 </ul>

        </div>
@@ -57,6 +79,7 @@
          <div role="navigation" aria-label="Page navigation">
  <ul class="wy-breadcrumbs">
      <li><a href="../../index.html" class="icon icon-home"></a> &raquo;</li>
+          <li><a href="Layout.html">UI Layouts</a> &raquo;</li>
      <li>UIContentBlock</li>
      <li class="wy-breadcrumbs-aside">
      </li>
@@ -314,7 +337,9 @@ Base block containing sub-blocks</p>
           </div>
          </div>

-          <footer>
+          <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
+        <a href="MultiColumn/MultiColumn.html" class="btn btn-neutral float-left" title="MultiColumn" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
+    </div>

  <hr/>

--- a/docs/UI/html/documentation/3.0/genindex.html
+++ b/docs/UI/html/documentation/3.0/genindex.html
@@ -40,6 +40,11 @@
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="generated/Component/Component.html">UI Components</a></li>
+<li class="toctree-l1"><a class="reference internal" href="generated/Layout/Layout.html">UI Layouts</a></li>
 </ul>

        </div>
--- a/Show More
+++ b/Show More