TextArea.qml Example File

basic/content/TextArea.qml
 /****************************************************************************
 **
 ** Copyright (C) 2018 The Qt Company Ltd.
 ** Contact: https://www.qt.io/licensing/
 **
 ** This file is part of the Qt Virtual Keyboard module of the Qt Toolkit.
 **
 ** $QT_BEGIN_LICENSE:GPL$
 ** Commercial License Usage
 ** Licensees holding valid commercial Qt 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$
 **
 ****************************************************************************/

 import QtQuick 2.10
 import QtQuick.Controls 2.3 as Controls
 import QtQuick.VirtualKeyboard 2.3

 Controls.TextArea {
     id: control
     color: "#2B2C2E"
     selectionColor: Qt.rgba(0.0, 0.0, 0.0, 0.15)
     selectedTextColor: color
     selectByMouse: true
     font.pixelSize: Qt.application.font.pixelSize * 2

     property int enterKeyAction: EnterKeyAction.None
     readonly property bool enterKeyEnabled: enterKeyAction === EnterKeyAction.None || text.length > 0 || inputMethodComposing

     EnterKeyAction.actionId: control.enterKeyAction
     EnterKeyAction.enabled: control.enterKeyEnabled

     background: Rectangle {
         color: "#FFFFFF"
         border.width: 1
         border.color: control.activeFocus ? "#5CAA15" : "#BDBEBF"
     }
 }