Format Relative Time

Used to format relative time to a specific locale and options

Loading...

Usage

The relative time formatting logic is handled by the native Intl.RelativeTimeFormat API and smartly cached to avoid performance issues when using the same locale and options.

import { Format } from '@ark-ui/react'

Examples

Basic

Use the Format.RelativeTime component to format a relative time with default options.

Short

Use the style="short" prop to format the relative time in short format.