DiaryCard.MeasuredValue

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

Basic Example

import { MeasurementTypeKey } from "@ovok/core";
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

Extends basic View style props.

Primary Props

Prop	Type	Default	Description
value	string	required	The measured value to display
unit	string	required	Unit string shown next to the value
time	string	required	Time string displayed below
style	StyleProp<ViewStyle>	undefined	Container style override
testID	string	undefined	Test identifier

Styling

Theme Colors Used

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

Related Components

• DiaryCard
• DiaryCard.Title
• Tile.MeasuredValue