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

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​

Default Translation​

The component uses this translation key by default:

{
  "tile": {
    "no-measured-value": "No data available"
  }
}
  • tile.no-measured-value - Default placeholder text for missing measurements