diff options
Diffstat (limited to 'apps/com.pelagicore.sheets/boards/StyleBoard.qml')
-rw-r--r-- | apps/com.pelagicore.sheets/boards/StyleBoard.qml | 123 |
1 files changed, 123 insertions, 0 deletions
diff --git a/apps/com.pelagicore.sheets/boards/StyleBoard.qml b/apps/com.pelagicore.sheets/boards/StyleBoard.qml new file mode 100644 index 00000000..ad78b444 --- /dev/null +++ b/apps/com.pelagicore.sheets/boards/StyleBoard.qml @@ -0,0 +1,123 @@ +/**************************************************************************** +** +** Copyright (C) 2017 Pelagicore AG +** Contact: https://www.qt.io/licensing/ +** +** This file is part of the Triton IVI UI. +** +** $QT_BEGIN_LICENSE:GPL-QTAS$ +** Commercial License Usage +** Licensees holding valid commercial Qt Automotive Suite licenses may use +** this file in accordance with the commercial license agreement provided +** with the Software or, alternatively, in accordance with the terms +** contained in a written agreement between you and The Qt Company. For +** licensing terms and conditions see https://www.qt.io/terms-conditions. +** For further information use the contact form at https://www.qt.io/contact-us. +** +** GNU General Public License Usage +** Alternatively, this file may be used under the terms of the GNU +** General Public License version 3 or (at your option) any later version +** approved by the KDE Free Qt Foundation. The licenses are as published by +** the Free Software Foundation and appearing in the file LICENSE.GPL3 +** included in the packaging of this file. Please review the following +** information to ensure the GNU General Public License requirements will +** be met: https://www.gnu.org/licenses/gpl-3.0.html. +** +** $QT_END_LICENSE$ +** +** SPDX-License-Identifier: GPL-3.0 +** +****************************************************************************/ + +import QtQuick 2.0 +import QtQuick.Layouts 1.0 +import QtQuick.Controls 2.0 +import controls 1.0 +import utils 1.0 + +BaseBoard { + id: root + description: 'Style Board' + + GridLayout { + anchors.fill: parent + anchors.margins: Style.padding + columns: 2 + Label { + text: 'Style.colorWhite' + font.pixelSize: Style.fontSizeXS + } + Marker { + color: Style.colorWhite + solid: true + } + Label { + text: 'Style.colorOrange' + font.pixelSize: Style.fontSizeXS + } + Marker { + color: Style.colorOrange + solid: true + } + Label { + id: label + text: 'Style.colorGrey' + font.pixelSize: Style.fontSizeXS + } + Marker { + color: Style.colorGrey + solid: true + } + Label { + text: 'Style.colorBlack' + font.pixelSize: Style.fontSizeXS + } + Marker { + color: Style.colorBlack + solid: true + } + Label { + text: 'Size XS' + font.pixelSize: Style.fontSizeXS + } + Label { + text: 'Lorem Ipsum' + font.pixelSize: Style.fontSizeXS + } + Label { + text: 'Size S' + font.pixelSize: Style.fontSizeXS + } + Label { + text: 'Lorem Ipsum' + font.pixelSize: Style.fontSizeS + } + Label { + text: 'Size M' + font.pixelSize: Style.fontSizeXS + } + Label { + text: 'Lorem Ipsum' + font.pixelSize: Style.fontSizeM + } + Label { + text: 'Size L' + font.pixelSize: Style.fontSizeXS + } + Label { + text: 'Lorem Ipsum' + font.pixelSize: Style.fontSizeL + } + Label { + text: 'Size XL' + font.pixelSize: Style.fontSizeXS + } + Label { + text: 'Lorem Ipsum' + font.pixelSize: Style.fontSizeXL + } + Spacer { + Layout.fillHeight: true + } + } +} |