Bottom Edge Tabs
================

+----------+----------------------------------------+
| Author   | Roman Shchekin                         |
+----------+-------------+--------------------------+
| License  | GNU General Public License v3.0        |
+----------+----------------------------------------+
| Contact  | mrqtros@gmail.com                      |
+----------+----------------------------------------+
| Framework| ubuntu-sdk-14.10                       |
+----------+----------------------------------------+

BottomEdgeTabs is very similar to PageWithBottomEdge but uses Tabs as root component instead of Page. Check it's documentation.
 
Example:

.. code-block:: qml

    MainView {
		objectName: "mainView"

		applicationName: "com.ubuntu.developer.qtros.tabsbottomedge"

		width: units.gu(50)
		height: units.gu(75)
		useDeprecatedToolbar: false

		PageStack {
		    id: stack
		    Component.onCompleted: push(tabs)

		    BottomEdgeTabs {
		        id: tabs

		        bottomEdgePage: secondPage
		        bottomEdgeTitle: "Violet page"

		        Tab {
		            title: "First tab"
		            page: Page {
		                Label {
		                    anchors.centerIn: parent
		                    text: "Content of first tab"
		                }
		            }
		        }

		        Tab {
		            title: "Second tab"
		            page: Page {
		                Label {
		                    anchors.centerIn: parent
		                    text: "Centered label"
		                }
		            }
		        }
		    } // BottomEdgeTabs

		    Page {
		        id: secondPage
		        title: "Violet page"
		        visible: false

		        Rectangle {
		            anchors.fill: parent
		            color: "darkviolet"
		        }
		    }
		}
	}

.. image:: ../_images/bottomedgetabs.png
   :align: center

Properties
----------

- :ref:`bottomEdgeTitle`: string
- :ref:`bottomEdgePage`: Page
- :ref:`bottomEdgeEnabled`: boolean

Signals
-------

- :ref:`bottomEdgeReleased()`
- :ref:`bottomEdgeDismissed()`

Property Documentation
----------------------

.. _bottomEdgeTitle:

bottomEdgeTitle
^^^^^^^^^^^^^^^

The text to be displayed in the bottom edge action.

.. _bottomEdgePage:

bottomEdgePage
^^^^^^^^^^^^^^

The page to be shown when swiping the bottom edge up.

.. _bottomEdgeEnabled:

bottomEdgeEnabled
^^^^^^^^^^^^^^^^^

Boolean property to enable/disable the bottom edge

Signal Documentation
--------------------

.. _bottomEdgeReleased():

bottomEdgeReleased()
^^^^^^^^^^^^^^^^^^^^

This handler is called when the bottom edge is let go.

.. _bottomEdgeDismissed():

bottomEdgeDismissed()
^^^^^^^^^^^^^^^^^^^^^

Called when the bottom edge is dismissed (hidden).