Skip to content
Mizen UI
Docs

IntroductionInstallationCLIStylingFoundationsThemingCompositionIntegrationsAccessibilityFor agents

useCopyToClipboard

AccordionAspect RatioCardCollapsibleFrameGridGroupInlineScroll AreaSectionSeparatorSpacerStack

BlockquoteCitationCodeHeadingKbdLabelLinkTextVisually Hidden

ButtonButton GroupToggleToggle groupToolbar

CalendarCheckboxCheckbox groupComboboxDate pickerDate range pickerDate-Time InputFieldFieldsetFile UploadFormInputInput groupNumber fieldOTP FieldRadio groupSelectSliderSwitchTextareaTime Input

BreadcrumbMenubarNavigation MenuPaginationSegmented ControlStepperTabs

Alert dialogCommandContext MenuDialogDrawerMenuPopoverPreview CardSheetTooltip

AlertBadgeEmptyError StateMeterProgressSkeletonSpinnerStatus dotToast

Activity FeedAvatarAvatar GroupData TableListMetricOverflow ListProperty ListTableTokenTree

Area ChartBar ListCalendar HeatmapCategory ComparisonChart FrameChart LegendChart TooltipDistributionFunnelHeatmapMetric TrendPart-to-WholeProgress RingsRadar ChartRadial BarsSankey ChartScatter ChartScore GaugeTime Series

Diagram

AttachmentCarouselCode BlockLightboxMarkdownThumbnailTimestamp

Agent ThinkingApproval CardComposerConversationInline CitationMessageMessage ScrollerQuestion CardSourcesStreaming TextSuggestionTask ListTerminalTool Call

On this page

  • Preview
  • Usage
  • Anatomy
  • Examples
  • Deployment record
  • Service health
  • Cluster details
  • Recommendations
  • Usage boundaries
  • API reference

Data

Property List

Displays label and value pairs with semantic definition list layout.

idle

Usage

import {
	PropertyList,
	PropertyListItem,
	PropertyListLabel,
	PropertyListValue,
} from "@mizen-labs/ui";

Anatomy

The parts and how they nest, taken from the preview above.

<PropertyList>
	<PropertyListItem>
		<PropertyListLabel />
		<PropertyListValue />
	</PropertyListItem>
</PropertyList>

Examples

Deployment record

Service health

Cluster details

Recommendations

GuidancePractice
Do

Use consistent property names and readable values. Order the most useful facts first.

Usage boundaries

GuidanceBoundary
Scope

Use Table for comparisons across multiple records. Property List describes one resource through label/value pairs.

API reference

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

PropTypeDefaultDescription
PropertyListPropertyListProps—Root container for metadata pairs with a fixed dl semantic host.
PropertyListItemPropertyListItemProps—Row container that groups a label and value pair with a fixed div semantic host.
PropertyListLabelPropertyListLabelProps—Label slot for the property term with a fixed dt semantic host.
PropertyListValuePropertyListValueProps—Value slot for the property description with a fixed dd semantic host.
PreviousOverflow ListNextTable
Environment
Production
Region
us-east-1
Version
2.4.1
Environment
Production
Region
us-east-1
Deployment ID
dep_01hz89k2v5m4q7r9w3x1y8z4ab
Commit hash
commit_sha_9f83b241e57c603a8d11c34a9b6c0e812d45ef8a
Service status
Operational
API endpoint
https://api.internal.network/v2
Security review
Verified
Retry policy
Exponential backoff (5 max)

Database cluster

Runtime configuration and storage specifications.

Engine
PostgreSQL 16.3
Topology
Primary with read replica
Cluster ID
cluster_primary_prod_east_db_00491823