Page {
    title: i18n.tr("ListViewExample")
    
    ListModel {
        id: model
        // add List Elements
        ListElement {
            title: "Some title text"
            subtitle: "Sub title text"
            preview: "Some extra text as a final property"
        }
        
        Component.onCompleted: {
            // append another
            model.append({
                             title: "Some title text",
                             subtitle: "Sub title text",
                             preview: "Some extra text as a final property"
                         })
        }
    }
    
    ListView {
        id: listView
        anchors.fill: parent
        model: model
        delegate: ListItem {
            id: listItem
            height: layout.implicitHeight
            ListItemLayout {
                id: layout
                title.text: model.title
                subtitle.text: model.subtitle
                summary.text: model.preview
            }
        }
    }
}