# ObservationDetail.TextData

Canonical page: https://docs.ovok.com/native-sdk/guide/components/observation-detail/text-data

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 [#basic-example]

```typescript
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 [#props]

Every prop, with its type and description, is listed in the [`@ovok/native/observation-detail` API reference](/native-sdk/reference/observation-detail).

## Component Behavior [#component-behavior]

### Text Formatting [#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 [#content-support]

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

## Styling [#styling]

### Theme Colors Used [#theme-colors-used]

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