ListItemFlatButton QML Type

Provides a flat button for list items, lists, and notifications, in Neptune 3 UI. More...

• List of all members, including inherited members

Properties

• closeButtonVisible : bool
• symbolFlatButton : string
• textFlatButton : string

Signals

• closeButtonClicked()
• flatButtonClicked()

Detailed Description

The ListItemFlatButton provides a type of list item with both, a FlatButton and a CloseButton on the right side. The FlatButton supports text on one line; its width is aligned with the text width. The CloseButton's visibility can be specified with the closeButtonVisible property.

The code snippet below shows how to use ListItemFlatButton:

import QtQuick 2.10
import shared.controls 1.0

Item {
    id: root
    ListView {
        model: 3
        delegate:  ListItemFlatButton {
            implicitWidth: Sizes.dp(765)
            implicitHeight: Sizes.dp(104)
            icon.name: "ic-update"
            symbolFlatButton: Style.image("ic-favorite")
            subText: "subtitle"
            text: "ListItem with button text"
            textFlatButton: "Text"
            closeButtonVisible: true
        }
    }
}

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

Property Documentation

Signal Documentation