@swivel/ui/elements/time

TimeAgo

The ui-time-ago element creates a relative formatted display of the time ellapsed since the provided date. It automatically updates in adjusted intervals to ensure the time display is kept up-to-date.

    <ui-time-ago .date=${ new Date() }></ui-time-ago>
    

Inputs:

• date: sets the reference time
  accepts Date, number (JavaScript timestamp in ms) or string (Unix timestamp in s) values
  Note: When setting a string value as date, it is assumed to be a Unix timestamp

Example