GuidesModules

Measurement tiles

Show measurement value, device status, and task state with Tile

  • Stable unknown
  • Release candidate since 1.16.1-rc.3
  • Development since 1.16.1-dev.2111+9796905

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/next";
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

API reference

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

Last updated on

On this page