.. _style-guide:

============
Style guide
============

Style guide is available in MEG Docs: `Style Guide <https://audits.megsupporttools.com/docs/meg-staff/view/2115>`_.

It was implemented in :task:`27789`.

.. seealso:: :ref:`Component templatetags<templatetags_components>` implement re-usable components that adhere to the style guide.

Examples
==========

Examples of the implementation can be found in :file:`templates/dev/components.html`.

Rendered version can be accessed via :url:`/dev/components` when project runs in development mode.

General
---------

.. literalinclude:: ../../../meg_forms/templates/dev/components.html
    :language: html+django
    :linenos:

Modals
--------

.. literalinclude:: ../../../meg_forms/templates/dev/dialogs.html
    :language: html+django
    :linenos: