Docs: Add properties and snippet docs for Figma

Change-Id: I90d9f9e79be14706380fdf3a7bac6f051511e31f
Reviewed-by: Pranta Ghosh Dastider <pranta.dastider@qt.io>
Reviewed-by: Vikas Pachdha <vikas.pachdha@qt.io>
This commit is contained in:
Vikas Pachdha
2023-07-31 11:07:28 +02:00
parent b051606ed2
commit 816e8f78dd
2 changed files with 25 additions and 0 deletions

View File

@@ -170,6 +170,30 @@
\c {QtQuick.Studio.Components 1.0}. You can add components from all \c {QtQuick.Studio.Components 1.0}. You can add components from all
the available modules in \QDS later. You can also import a module as the available modules in \QDS later. You can also import a module as
an \e alias. an \e alias.
\row
\li \uicontrol {Properties}
\li Specify new properties or assign value to the existing properties of
the component. You can also add and modify properties in \QDS.
Following are few examples of properties:
\code
property int counter: 5
property string label: "ok"
antialiasing : true
width: parent.width / 2
\endcode
\row
\li \uicontrol {Snippet}
\li Specify component to be added as child under this component.
Following example adds a Connection component:
\code
Connections {
target: myItem
onVisibleChanged: console.log(original_Text.visible)
}
\endcode
\note The code must have a scope of a component(e.g. Item, MouseArea,
Connections etc.) with a valid syntax for \l {UI Files}.
\note Add respective imports for your snippet in \uicontrol {Imports}.
\row \row
\li \uicontrol Alias \li \uicontrol Alias
\li Exports the component generated from this layer as an alias in the \li Exports the component generated from this layer as an alias in the

View File

@@ -134,6 +134,7 @@
\endcode \endcode
\note The code must have a scope of a component(e.g. Item, MouseArea, Connections etc.) \note The code must have a scope of a component(e.g. Item, MouseArea, Connections etc.)
with a valid syntax for \l {UI Files}. with a valid syntax for \l {UI Files}.
\note Add respective imports for your snippet in \uicontrol Imports.
\li Select the \uicontrol Clip check box to enable clipping in the \li Select the \uicontrol Clip check box to enable clipping in the
component generated from the layer. The generated component will clip component generated from the layer. The generated component will clip
its own painting, as well as the painting of its children, to its its own painting, as well as the painting of its children, to its