전체 카탈로그
ContentTimestamp10 props

Timestamp

Timestamp formats a date or time value into human-readable text. Use it to show when something was created, updated, or is scheduled; picking relative for recency, absolute for ...

공식 문서 열기
live previewContent

Preview

Import

import {Timestamp} from '@astryxdesign/core/Timestamp';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Timestamp formats a date or time value into human-readable text. Use it to show when something was created, updated, or is scheduled; picking relative for recency, absolute for ...

datetimedatetimerelativeagoclockformatduration

Important props

valuestring | numberrequired
formatrelative | auto | date | date_time | time | system_date | system_date_time | system_timeoptional

Theming targets

astryx-timestamp

Best practices

  • DoUse the auto format in feeds and lists so recent items show "2 hours ago" and older items show the full date automatically.
  • DoKeep formatting consistent within the same list or table; mixing relative and absolute timestamps in the same column confuses scanning.
  • DoEnable isTimezoneShown when the audience spans multiple time zones, like a global team calendar or audit log.
  • DoUse isLive for active dashboards or real-time feeds so the relative time stays accurate without a page refresh.