Diary cards

Use DiaryCard to present a single diary task or measurement summary with a consistent title, icon, value, and empty state. The module does not load diary data, calculate clinical values, or save entries; provide the values and actions from the screen that owns that workflow.

import { DiaryCard } from "@ovok/native/diary";

<DiaryCard hasData={hasMeasurement} onPress={openDiaryEntry}>
  <DiaryCard.Title>Blood pressure</DiaryCard.Title>
  <DiaryCard.MeasuredValue value="120/80" unit="mmHg" />
</DiaryCard>

Use the NoData state for an item that has no measurement yet. Keep units and formatting tied to the measurement model; the card should not be the place where raw clinical data is converted or interpreted. If tapping the card opens an entry form, route that action in the app.

ReferencesCopy Anchor Link

• DiaryCard and its compound components
• Diary component index

API referenceCopy Anchor Link

Every export of @ovok/native/diary, with signatures, props and types, is in the diary API reference.