@f-ewald/components

Documentation / relative-time

Component API

<relative-time>

Open live example

Inline relative-time display (e.g. "3 hours ago"). Accepts either a
standard ISO 8601 string or a SQLite datetime('now') string
("YYYY-MM-DD HH:MM:SS", UTC, no zone marker) via datetime. Shows the
full date/time in the viewer's local timezone as a hover tooltip, and
re-renders on an interval so the text stays current while visible.

Install

import "@f-ewald/components/relative-time.js";

Usage

<relative-time datetime="2026-07-17T07:00:00Z"></relative-time>

Attributes / properties

PropertyAttributeTypeDefaultDescription
datetimedatetimestring | nullnullTimestamp to render, relative to now.

Events

None.

Slots

None.

CSS custom properties

None.