TelamonDetailGrid

Names and values in aligned columns for an item's facts, with optional monospace and copy buttons.

Since 1.4.0

TelamonDetailGrid shows a muted label at the trailing edge of its column and the value beside it, for facts like an item's properties. Values can be selected with the mouse. Give it a width (fill it): its height depends on it.

Example

TelamonDetailGrid {
    Layout.fillWidth: true
    model: [
        { label: qsTr("Version"), value: "1.4.0" },
        { label: qsTr("Checksum"), value: sha, mono: true, copyable: true }
    ]
}

model is a list of { label, value, mono, copyable }. mono sets the value in the fixed-width font (paths, hashes). copyable adds a copy button.

columns is how many label and value pairs sit in a row. A column needs columnsBreakpoint grid units: below that, the label stacks over its value, and a grid with columns above 1 shows fewer pairs per row, as many as fit.

An empty model shows no card, even when framed; the title and footer still show.

Accessibility

A screen reader reads each value as "label: value". The grid is a group named by title, and footer is its description.

Properties

Name	Type	Default	Description
`columns`	`int`	`1`	How many label and value pairs sit in a row.
`columnsBreakpoint`	`real`	`20`	The least width of one pair, in grid units.
`footer`	`string`	`""`	A muted note below the grid, like `Section.footer`. Plain text.
`framed`	`bool`	`false`	Draws the card a `Section` has round the grid. With a `title` and `footer` it looks like a `Section` of label and value rows and can replace one.
`model`	`var`	`[]`	The pairs: a list of `{ label, value, mono, copyable }`.
`title`	`string`	`""`	A heading above the grid, styled like a `Section` title. Plain text.