# Patient

Canonical page: https://docs.ovok.com/native-sdk/guide/components/patient

The Patient module provides a comprehensive solution for displaying and managing patient information in healthcare applications. Built on top of [FHIR Patient resources](https://www.hl7.org/fhir/patient.html) with compound components, localization support, and performance optimizations using [FlashList](https://shopify.github.io/flash-list/docs/usage).

## Overview [#overview]

The Patient module offers healthcare-specific components for displaying patient demographics, personal information, and patient lists with consistent styling. All components follow FHIR standards and expose host-configurable React Native semantics; accessibility labels, roles, and focus behavior remain application-owned.

### Key Features [#key-features]

- **FHIR Compliance**: Built on [FHIR Patient resources](https://www.hl7.org/fhir/patient.html) for healthcare interoperability
- **Compound Components**: Flexible card-based architecture with composable sub-components
- **High Performance**: List components using [FlashList](https://shopify.github.io/flash-list/docs/usage) for large patient datasets
- **Localization Ready**: Full i18n support with date formatting and gender translations
- **Accessibility Ready**: Components expose the relevant React Native props; add
  labels, roles, and focus behavior in the host application
- **Theme Integration**: Consistent styling with Material Design 3 theming
- **Healthcare Icons**: Medical-appropriate icons and visual indicators

### Core Components [#core-components]

- **[PatientCard](/native-sdk/guide/components/patient/patient-card/)** - Main card container with compound architecture
- **[PatientCard.Name](/native-sdk/guide/components/patient/patient-name/)** - Patient name display with formatting options
- **[PatientCard.Gender](/native-sdk/guide/components/patient/patient-gender/)** - Gender display with visual indicators
- **[PatientCard.BirthDate](/native-sdk/guide/components/patient/patient-birth-date/)** - Birth date and age display
- **[PatientCard.Meta](/native-sdk/guide/components/patient/patient-meta/)** - Metadata container for additional info
- **[PatientList](/native-sdk/guide/components/patient/patient-list/)** - High-performance patient list component

### Architecture [#architecture]

The Patient module follows the SDK's compound component pattern:

- **Compound Structure**: `PatientCard` serves as the main container with composable sub-components
- **FHIR Integration**: Direct compatibility with `@medplum/fhirtypes` Patient resources
- **Flexible Composition**: Mix and match components based on specific healthcare workflows
- **Performance Optimized**: Efficient rendering for large patient directories