Skip to main content

ObservationDetail.TextData

A text content component with consistent padding and typography for displaying narrative healthcare information. Designed for clinical notes, descriptions, and unstructured observation data.

Basic Example​

import { ObservationDetail } from "@ovok/native";
import * as React from "react";

const note = {
  content:
    "Patient reports mild discomfort in left shoulder. Range of motion appears normal. No visible swelling or inflammation.",
};

const ClinicalNote = () => (
  <ObservationDetail.TextData>{note.content}</ObservationDetail.TextData>
);

export default ClinicalNote;

Props​

NameTypeRequiredDefaultDescription
childrenReact.ReactNode--Text content to display
styleStyleProp<TextStyle>--Custom text styles

Inherits all props from react-native-paper Text

Component Behavior​

Text Formatting​

  • Applies consistent padding for readability
  • Uses standard 16px font size for medical content
  • Maintains proper line height for healthcare text
  • Supports theme-based typography

Content Support​

  • Handles long-form text content
  • Supports rich text through children
  • Maintains consistent spacing with other components

Styling​

Theme Colors Used​

  • theme.spacing(4) - Text padding (16px default)