Tile.NoMeasuredValue

Placeholder component that displays helpful text when no measurement data is available, with support for custom content and localization.

Quick ExampleCopy Anchor Link

import React from "react";
import { Tile } from "@ovok/native";

export const NoMeasuredValueExample = () => {
  return (
    <Tile>
      <Tile.NoMeasuredValue testID="no-data-placeholder" />
    </Tile>
  );
};

PropsCopy Anchor Link

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

Component BehaviorCopy Anchor Link

The NoMeasuredValue component:

1. Default Text: Shows localized "No measured value" message when no children provided
2. Custom Content: Supports custom text or components via children prop
3. Typography: Uses consistent small text styling (13px, regular weight)
4. Placeholder Role: Indicates missing data state to users

LocalizationCopy Anchor Link

Translation keyCopy Anchor Link

The component requests this translation key when no children are supplied:

{
  "tile": {
    "no-measured-value": "No data available"
  }
}

• tile.no-measured-value - Placeholder key for missing measurements. Define it in the app's i18next resources; the SDK does not ship a default locale, so an absent resource can render the raw key.

Related ComponentsCopy Anchor Link

• Tile.MeasuredValue - Displays actual measurement data
• Tile.MeasuringSpinner - Loading state during measurement
• Tile.Status - Device connection status information