UNPKG

@rhds/elements

Version:

Red Hat Design System Elements

45 lines (29 loc) • 986 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
# Timestamp A timestamp provides consistent formats for displaying date and time values. ## Usage Use a timestamp to display date and time values. ### Basic ```html <rh-timestamp date="Tue Aug 09 2006 14:57:00 GMT-0400"></rh-timestamp> ``` ### Basic withh fallback ```html <rh-timestamp date="Tue Aug 09 2006 14:57:00 GMT-0400">Tue Aug 09 2006 14:57:00 GMT-0400</rh-timestamp> ``` ### Basic formats ```html <rh-timestamp date="Tue Aug 09 2006 14:57:00 GMT-0400" date-format="medium" time-format="short" display-suffix="US Eastern"></section> ``` ### Relative ```html <rh-timestamp date="Tue Aug 09 2006 14:57:00 GMT-0400" relative></section> ``` ### Tooltip ```html <rh-tooltip> <rh-timestamp date="Tue Aug 09 2006 14:57:00 GMT-0400"></rh-timestamp> <rh-timestamp slot="content" date="Tue Aug 09 2006 14:57:00 GMT-0400" relative></rh-timestamp> </rh-tooltip> ``` Please see the [design specs][spec] for this element. [spec]: https://ux.redhat.com/elements/timestamp/