Getting Started

Common Data

Shared value types (Media, Money, Measurement, Date) used by UI Kit components and produced by connectors.

UI Kit components consume the same value types your connectors produce. Each type has a canonical reference under API Reference → Common Types.

Media

Images and videos. The Media discriminated union carries source URLs, dimensions, alt text, and optional placeholders. Render it with the <Media> component.

Money

Prices, shipping rates, discounts, and cart totals. The Money record pairs an integer amount (in the smallest unit of the currency) with an ISO 4217 currency code. Format it with the global $money helper. Wrapping types like UnitPrice combine Money with a Measurement for "per 100ml" labels.

Measurement

Lengths, weights, volumes, and counts. The Measurement record pairs a numeric value with a unit identifier (the Laioutr-known codes like 'cm', 'kg', 'ml', plus the full ECMA-402 unit names). Format it with the global $measurement helper.

Date

Single instants and timespans. Components take native Date objects or { min?, max? } ranges. The global $timespan and $duration helpers format them in the active locale.

Copyright © 2026 Laioutr GmbH