Doc: Go into Component function

Change-Id: I2be678a463370730ebdb9497c30da3b90dbbf931
Reviewed-by: Thomas Hartmann <Thomas.Hartmann@nokia.com>

diff --git a/doc/images/qmldesigner-breadcrumbs.png b/doc/images/qmldesigner-breadcrumbs.png
new file mode 100644 (file)
index 0000000..b878b78
Binary files /dev/null and b/doc/images/qmldesigner-breadcrumbs.png differ

diff --git a/doc/src/qtquick/qtquick-app-development.qdoc b/doc/src/qtquick/qtquick-app-development.qdoc
index ca0d1f6..79553be 100644 (file)
--- a/doc/src/qtquick/qtquick-app-development.qdoc
+++ b/doc/src/qtquick/qtquick-app-development.qdoc
@@ -303,7 +303,8 @@
 
     \title Creating Components
 
-    A QML component provides a way of defining a new type that you can re-use in other QML
+    A \l{glossary-component}{component} provides a way of defining a new type
+    that you can re-use in other QML
     files. A component is like a black box; it interacts with the outside world
     through properties, signals, and slots, and is generally defined in its own QML file.
     You can import components to screens and applications.
@@ -381,6 +382,16 @@
 
     \endlist
 
+    \section1 Moving Within Components
+
+    Components can consist of several other components. To view the component
+    hierarchy as a bread crumb path when you edit a component on the canvas,
+    select \gui {Go into Component} or press \key F2. Click the component
+    names in the path to navigate to them. You can easily navigate back to the
+    top level when you are done editing the component.
+
+    \image qmldesigner-breadcrumbs.png "Go into Component command"
+
 */