.. _title:

.. _h_tag:

`title`/`h_tag`
---------------

The `title` attribute is for setting the title or heading of a component. To customize the exact rendering you use `h_tag`.



`title`
~~~~~~~

.. code-block:: python

    form = Form.create(
        auto__model=Artist,
        title='Custom title',
    )

.. raw:: html

    <div class="iframe_collapse" onclick="toggle('013cbec0-14e3-4d39-a91c-bac7997b7e0e', this)">▼ Hide result</div>
    <iframe id="013cbec0-14e3-4d39-a91c-bac7997b7e0e" src="doc_includes/title/test_template_as_path.html" style="background: white; display: ; width: 100%; min-height: 100px; border: 1px solid gray;"></iframe>
    <div class="show_structure_toggler"><span onclick="toggle_iframe_structure_overlay()">Toggle structure</span></div>

`h_tag`
~~~~~~~

.. code-block:: python

    form = Form.create(
        auto__model=Artist,
        h_tag__attrs__style__background='blue',
    )

.. raw:: html

    <div class="iframe_collapse" onclick="toggle('20eb37ef-2728-4c7f-b84c-ccdfbd5bf3eb', this)">▼ Hide result</div>
    <iframe id="20eb37ef-2728-4c7f-b84c-ccdfbd5bf3eb" src="doc_includes/title/test_template_objects.html" style="background: white; display: ; width: 100%; min-height: 100px; border: 1px solid gray;"></iframe>
    <div class="show_structure_toggler"><span onclick="toggle_iframe_structure_overlay()">Toggle structure</span></div>