LabeledContent

import { Badge, LabeledContent, VStack } from "@/ohmygui";

export default function Example() {
  return (
    <VStack gap="md">
      <LabeledContent label="Workspace" value="Personal studio" />
      <LabeledContent
        label="Status"
        value={
          <Badge variant="success" tone="soft">
            Ready
          </Badge>
        }
      />
      <LabeledContent
        label="Library reference"
        layout="vertical"
        value="A-long-workspace-reference-that-wraps-comfortably-on-a-narrow-screen"
      />
    </VStack>
  );
}