# 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.