ListItem QML Type

The list item component in Neptune 3 UI. More...

Since: Qt 5.11
Inherits:

ListItemBasic

Properties

Signals

Detailed Description

The ListItem provides a type of list item with one button or text on the right side.

The code snippet below shows how to use ListItem:

import QtQuick 2.10
import shared.controls 1.0

Item {
    id: root
    ListView {
        model: 3
        delegate:  ListItem {
            icon.name: "ic-update"
            rightToolSymbol: "ic-close"
            text: "Title ListItem"
            secondaryText: "Secondary Text List Item"
        }
    }
}

For a list of components available in Neptune 3 UI, see Neptune 3 UI Components and Interfaces.

Property Documentation

rightToolSymbol : string

This property holds the tool icon source that is aligned to the right of ListItem.


secondaryText : string

This property holds a textual component that is aligned to the right of ListItem.


Signal Documentation

rightToolClicked()

This signal is emitted when right tool symbol is clicked.

Note: The corresponding handler is onRightToolClicked.


© 2019 Luxoft Sweden AB. Documentation contributions included herein are the copyrights of their respective owners.
The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation.
Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.