Utilities
Format relative time

Format Relative Time

Used to format relative time to a specific locale and options

Last updated

6 months ago

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.

Example not found

Short

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

Example not found