Docs: Add docs for removing properties through Qt Bridge plugin

Improve the properties docs across all Qt Bridge plugins as well

Task-number: QDS-8602
Change-Id: Ia48000053f793b08648e0b092195de8a443142b8
Reviewed-by: Pranta Ghosh Dastider <pranta.dastider@qt.io>
Reviewed-by: Vikas Pachdha <vikas.pachdha@qt.io>
Reviewed-by: Qt CI Patch Build Bot <ci_patchbuild_bot@qt.io>

doc/qtdesignstudio/src/qtbridge/qtbridge-figma-using.qdoc

@@ -172,15 +172,21 @@
             an \e alias.
     \row
         \li \uicontrol {Properties}
-        \li Specify new properties or assign value to the existing properties of
+        \li Specify new properties or assign values to the existing properties of
             the component. You can also add and modify properties in \QDS.
-            Following are few examples of properties:
+            The following are a few examples of the properties:
             \code
             property int counter: 5
             property string label: "ok"
             antialiasing : true
             width: parent.width / 2
             \endcode
+            To remove a property, write a "dash" (-) followed by the "property name".
+            For example:
+            \code
+            - width
+            \endcode
+            will remove the property \e width from the generated code.
     \row
         \li \uicontrol {Snippet}
         \li Specify component to be added as child under this component.

doc/qtdesignstudio/src/qtbridge/qtbridge-ps-using.qdoc

@@ -187,8 +187,22 @@
             Components 1.0, you need the import statement
             \c {QtQuick.Studio.Components 1.0}. You can also import a module
             as an alias.
-        \li In the \uicontrol {Properties} field, specify properties for
+        \li In the \uicontrol {Properties} field, specify new properties or assign
-            the component. You can add and modify properties in \QDS.
+            values to the existing properties of the component. You can also add and modify
+            properties in \QDS.
+            The following are a few examples of the properties:
+            \code
+            property int counter: 5
+            property string label: "ok"
+            antialiasing : true
+            width: parent.width / 2
+            \endcode
+            To remove a property, write a "dash" (-) followed by the "property name".
+            For example:
+            \code
+            - width
+            \endcode
+            will remove the property \e width from the generated code.
         \li Select the \uicontrol {Clip Contents} check box to enable clipping
             in the type generated from the layer. The generated type will clip
             its own painting, as well as the painting of its children, to its

doc/qtdesignstudio/src/qtbridge/qtbridge-sketch-using.qdoc

@@ -209,8 +209,22 @@
             \c {QtQuick.Controls 2.3} and to use Qt Quick Studio Components 1.0,
             you need the import statement \c {QtQuick.Studio.Components 1.0}.
             You can also import a module as an alias.
-        \li In the \uicontrol {Properties} field, specify properties for the
+        \li In the \uicontrol {Properties} field, specify new properties or assign
-            component. You can add and modify properties in \QDS.
+            values to the existing properties of the component. You can also add and modify
+            properties in \QDS.
+            The following are a few examples of the properties:
+            \code
+            property int counter: 5
+            property string label: "ok"
+            antialiasing : true
+            width: parent.width / 2
+            \endcode
+            To remove a property, write a "dash" (-) followed by the "property name".
+            For example:
+            \code
+            - width
+            \endcode
+            will remove the property \e width from the generated code.
         \li Select the \uicontrol Alias check box to export the item generated
             from this layer as an alias in the parent component.
         \li Select the \uicontrol Clip check box to enable clipping in the

doc/qtdesignstudio/src/qtbridge/qtbridge-xd-using.qdoc

@@ -114,15 +114,21 @@
             you need the import statement \c {QtQuick.Studio.Components 1.0}.
             You can also import a module as an alias.
         \li In the \uicontrol {Properties} field, specify new properties or assign
-            value to the existing properties of the component. You can also add and modify
+            values to the existing properties of the component. You can also add and modify
             properties in \QDS.
-            Following are few examples of properties:
+            The following are a few examples of the properties:
             \code
             property int counter: 5
             property string label: "ok"
             antialiasing : true
             width: parent.width / 2
             \endcode
+            To remove a property, write a "dash" (-) followed by the "property name".
+            For example:
+            \code
+            - width
+            \endcode
+            will remove the property \e width from the generated code.
         \li In the \uicontrol {Snippet} field, specify component to be added as child under this
             component.
             Following example adds a Connection component: