DiaryCard.MeasuredValue

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

Basic ExampleCopy Anchor Link

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;

PropsCopy Anchor Link

Every prop, with its type and description, is listed in the @ovok/native/diary API reference.

StylingCopy Anchor Link

Theme Colors UsedCopy Anchor Link

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

Related ComponentsCopy Anchor Link

• DiaryCard
• DiaryCard.Title
• Tile.MeasuredValue