---
updatedAt: 2026-11-11T10:49:16.000Z
agentTools:
  siteIndex: https://developer.paymentology.com/llms.txt
  projectIndex: https://developer.paymentology.com/lume/llms.txt
---

# Card Details

# Card Details

Display a single card's full information: balance, card art, secure fields (PAN / expiry / CVV via MeaWallet MCD), action buttons (lock, manage), and recent events. Usually reached by tapping a card in the [Card List](../card-list/index.md).

## Implementations

| Approach                      | Platform                  | Description                                                                            |
| ----------------------------- | ------------------------- | -------------------------------------------------------------------------------------- |
| [iOS MFE](mfe-ios.md)         | iOS (SwiftUI)             | `CardDetailsView` microfrontend — drop-in SwiftUI component with lock/manage callbacks |
| [Android SDK](sdk-android.md) | Android (Jetpack Compose) | `UILibrary.CardPageView` / `CardOverview` Compose components                           |
| [Headless / API](api.md)      | Any                       | Fetch event history and secure card data (TOTP + MCD) directly                         |

## What Card Details provides

* Renders card art and, on demand, secure fields (PAN / expiry / emboss / CVV) via MeaWallet MCD.
* Exposes `onLockCard` and `onManageCard` callbacks for host app navigation.
* Optional horizontal card slider to swipe between cards (`slider` property).
* Built-in loading, error, and retry states.

## Prerequisites

1. Complete [Setup](../setup/android-setup.md) + [Initialize](../setup/android-initialize.md) for Android, or [Setup](../setup/ios-setup.md) + [Initialize](../setup/ios-initialize.md) for iOS.
2. A `CardEntity` obtained from [Card List](../card-list/index.md).
3. MeaWallet MCD artifact configured if you need secure fields.

# Sub pages

* [iOS MFE](https://developer.paymentology.com/lume/docs/ios-sdk.md)
* [Android SDK](https://developer.paymentology.com/lume/docs/sdk-android.md)
* [Card Details - Headless / API](https://developer.paymentology.com/lume/docs/api.md)

# Sibling pages

* [Get Started](https://developer.paymentology.com/lume/docs/get-started-with-the-most-awesome-thing-in-modern-cards-since-cheese-cake.md)
* [Setup & Initialize](https://developer.paymentology.com/lume/docs/setup.md)
* [Card List](https://developer.paymentology.com/lume/docs/card-list.md)
* [Transaction History](https://developer.paymentology.com/lume/docs/transaction-history.md)
* [Android SDK Reference](https://developer.paymentology.com/lume/docs/android-reference.md)
* [iOS SDK Reference](https://developer.paymentology.com/lume/docs/ios-sdk-reference.md)