Contribute
The HIG is written in markdown, a lightweight markup language. For example the chapter heading together with the first paragraph looks like this in markdown
---
title: Contribute
---
The HIG is written in [markdown](https://commonmark.org/help/), a
lightweight markup language. For example the chapter heading together
with the first paragraph looks like this in markdown
Submitting changes
The source files are hosted in a Git repo. Tasks and changes are organized via https://invent.kde.org.
On every page of the HIG, a See source code link in the top right corner will take you to the exact file used to generate that page. To learn how to submit changes, see https://invent.kde.org/documentation/develop-kde-org/-/blob/master/README.md
Page Structure
This defines the structure that should be used for writing pattern and component pages for the HIG.
Pattern
Pattern name
==============
Give a short into into the pattern.
Examples
--------
Showcase the pattern with videos or images.
When to use
-----------
Describe when to use this pattern and when not to use it.
How to use
----------
Describe how to use this pattern.
Pages about patterns should not include any details on implementation, about behavior or appearance, but rather link to the corresponding components needed to implement a pattern.
Optional: you can add subsections for desktop and mobile.
When to use
-----------
Desktop
^^^^^^^
Mobile
^^^^^^
Component
Component name
==============
Purpose
-------
A very short description on why and how to use the component. This should
primarily link to the corresponding pattern pages.
Example
-------
Showcase the component with a video or image.
Guidelines
----------
Is this the right control?
~~~~~~~~~~~~~~~~~~~~~~~~~~
Describe when to use a component and when not.
Behavior
~~~~~~~~
Describe the behavior of the component.
Appearance
~~~~~~~~~~
Describe the appearance of the component.
Code
----
Kirigami
~~~~~~~~
Link to the API and example code how to use the component with QML and
Kirigami.
Qt Widgets
~~~~~~~~~~
Link to the API and example code how to use the component with Qt Widgets.
Optional: you can add subsections for desktop and mobile.
Behavior
~~~~~~~~
Desktop
"""""""
Mobile
""""""
Code Examples
Adding examples to the HIG is very easy.
Add a file with source code in the
./examples/
folder.Add the following markup at the point you want to insert the example:
.. literalinclude:: /../../examples/kirigami/InlineMessage.qml :language: qml
Creating media
See media
on how to create media files
for the HIG.