Get Started

MetadataList

Astryx documentation

Lists labeled values without configurable truncation or label geometry.

longlink docs --component "MetadataList"
MetadataList [Display]
Props and types
declare function MetadataList(props: {
    children?: ViewNode;
    columns?: 'multi' | 'single' | number;
    title?: ViewNode;
}): React.JSX.Element;
​
declare function MetadataListItem(props: { children?: ViewNode; label: string; icon?: ViewNode }): React.JSX.Element;
Order details
Owner
Ada Lovelace
Status
Open
function Example() {
  return (
    <MetadataList title="Order details">
      <MetadataListItem label="Owner">Ada Lovelace</MetadataListItem>
      <MetadataListItem label="Status">Open</MetadataListItem>
    </MetadataList>
  );
}