Skip to main content

Tile.NoMeasuredValue

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

Quick Example​

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

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

Props​

PropTypeRequiredDefaultDescription
childrenReactNode--Custom content to display instead of default

Inherits all TextProps from React Native Paper except children

Component Behavior​

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

Localization​

Translation key​

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.