Usage

A single labeled metadata value within an MetadataList.

import { MetadataListItem } from '@astryx-vue/core/MetadataList'

One label and one value inside a Metadata List. The label goes in the label prop and the value in the default slot, so the value can be anything: plain text, a badge, a link, or your own markup. The list decides whether the pair sits side by side or stacked, and whether a label track has a fixed width; the item follows.

label is required, because it is the only thing that says what the value means.

Examples

Common configurations, variations, and states.

Basic

Deployment

Environment

Production

Status

Healthy

Version

v2.14.0

Last deployed

June 12, 2026

Labeled key-value rows inside a MetadataList. Values accept any content, from plain text to components like Badge.