# DiaryCard.MeasuredValue

Canonical page: https://docs.ovok.com/native-sdk/guide/components/diary/measured-value

Displays a measured value with unit and timestamp. Inherited from the Tile module and themed for consistency across diary cards.

## Basic Example [#basic-example]

```tsx
import { MeasurementTypeKey } from "@ovok/core/next";
import { DiaryCard } from "@ovok/native";
import * as React from "react";

const BasicDiaryCardMeasuredValueExample = () => {
  return <DiaryCard.MeasuredValue value="70" unit="kg" time="15:34" />;
};

export default BasicDiaryCardMeasuredValueExample;
```

## Props [#props]

Every prop, with its type and description, is listed in the [`@ovok/native/diary` API reference](/native-sdk/reference/diary).

## Styling [#styling]

### Theme Colors Used [#theme-colors-used]

- `theme.colors.primary` - Value color
- `theme.colors.onSurfaceDisabled` - Unit and time colors

## Related Components [#related-components]

- [DiaryCard](/native-sdk/guide/components/diary/diary-card/)
- [DiaryCard.Title](/native-sdk/guide/components/diary/title/)
- [Tile.MeasuredValue](/native-sdk/guide/components/tile/measured-value/)