Skip to main content

Measurement tiles

Use Tile to present one measurement task with a value, status, and optional progress or completion treatment. It is a display primitive: the application owns Bluetooth pairing, measurement capture, data validation, and persistence.

import { MeasurementTypeKey } from "@ovok/core";
import { Tile } from "@ovok/native/tile";

<Tile isMeasuring={false} isOtherDeviceMeasuring={false}>
  <Tile.StartSection
    isCompleted={false}
    left={() => (
      <Tile.TaskIcon measurementTypeKey={MeasurementTypeKey.bloodPressure} />
    )}
  />
  <Tile.Title>Blood pressure</Tile.Title>
  <Tile.NoMeasuredValue />
</Tile>

Choose one state that matches the actual workflow: ready, measuring, completed, or no measurement. Keep measurement values and units sourced from the same validated model used by detail screens; do not infer a successful measurement from an animation finishing.

References​