Component API

<distance-value>

Open live example

Inline distance display. Renders miles/feet or km/m, switching units at
sensible thresholds (< 0.25 mi → ft; < 0.5 km → m).

Supply exactly one of miles or km; the other stays null.
km support is present but reserved for future use.

Install

import "@f-ewald/components/distance-value.js";

Usage

<distance-value miles="5"></distance-value>

Attributes / properties

PropertyAttributeTypeDefaultDescription
milesmilesnumber | nullnullDistance in miles (imperial). Switches to feet below 0.25 mi.
kmkmnumber | nullnullDistance in kilometers (metric, future). Switches to meters below 0.5 km.

Events

None.

Slots

None.

CSS custom properties

None.