Ga naar hoofdinhoud

CnMetadataTab

Read-only metadata display table. By default shows ID, Created, and Updated extracted from item['@self'] (with fallback to item.id). Use extraRows to surface additional domain-specific metadata, or replaceRows to provide your own complete list.

Used internally by CnAdvancedFormDialog, and exposed as a top-level component for consumers that want the same metadata table inside their own dialog/page chrome.


Props

PropTypeDefaultDescription
itemObjectnullObject whose @self block (or top-level id) drives the default rows.
formDataObject{}Reserved for future use; included for parity with other CnAdvancedFormDialog tabs.
extraRowsArray[]Additional [label, value] rows appended after the defaults. Strings are rendered verbatim — pre-format dates / objects on the parent side.
replaceRowsBooleanfalseWhen true, the default ID/Created/Updated rows are skipped and only extraRows is rendered.

Events

None.


Slots

None. If you need a fully custom layout, use replaceRows together with a tailored extraRows array, or fall back to writing the markup yourself.


Usage

Default (ID / Created / Updated)

<CnMetadataTab :item="item" />

Append domain-specific rows

<CnMetadataTab
:item="item"
:extra-rows="[
['Version', item['@self']?.version ?? '—'],
['Register', registerName],
['Schema', schemaName],
['Published', item['@self']?.published ? new Date(item['@self'].published).toLocaleString() : 'Not published'],
]" />

Replace defaults entirely

<CnMetadataTab
:item="item"
:replace-rows="true"
:extra-rows="myCustomRows" />