You are viewing the legacy documentation of Plasma featuring the components from the@coveord/plasma-react and @coveord/plasma-style packages. Those packages are deprecated and replaced by the @coveord/plasma-mantine package.

Last Updated

A “last updated” string displays the time a set of data has been last updated by a system.

View source

Last update: 2:39:00 PM

1
import {LastUpdated} from '@coveord/plasma-react';
2

3
const Demo = () => <LastUpdated />;
4
export default Demo;

Props

Name	Type	Default	Description
`className`	`string`		Additionnal CSS class to add on the last updated
`key`	`Key`
`label`	`string`	`"Last update:"`	The text displayed before the time
`onDestroy`	`() => void`		A callback function executed when the component unmounts
`onRender`	`() => void`		A callback function executed when the component mounts
`ref`	`LegacyRef<LastUpdated>`		Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
`time`	`Date`	`new Date()`	A Date representing when the component last updated
`id`deprecated	`string`		do not use

Examples

Specific date

Dernière modification à 1:39:00 PM

1
import {LastUpdated} from '@coveord/plasma-react';
2

3
const ONE_HOUR = 60 * 60 * 1000;
4

5
const Demo = () => {
6
    const OneHourAgo = new Date(new Date().getTime() - ONE_HOUR);
7
    return <LastUpdated time={OneHourAgo} label="Dernière modification à" />;
8
};
9
export default Demo;

No guidelines exist for LastUpdated yet.

Create guidelines