> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qonto.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Display Card

The `displayCard` function presents a card interface that can showcase various types of information and operations, such
as cardholder details, PIN display and actions like blocking the card or changing the PIN.

<img src="https://mintcdn.com/qonto-6237c309/5g3taSVWo_yYBcHH/api-reference/sdk-libraries/doc-pages/img/default-display-card-styles.png?fit=max&auto=format&n=5g3taSVWo_yYBcHH&q=85&s=b0b679752a1999259b38acfdffe0088a" alt="Default card style" width="585" height="458" data-path="api-reference/sdk-libraries/doc-pages/img/default-display-card-styles.png" />

For security and compliance reasons, the card information can't leave the Qonto domain and therefore the UI this element
injects into your website is implemented with an iframe. This way, the card data is securely handled by Qonto while still
being accessible from your application.

In these docs we have a guide that explains how to [customize the UI elements](/api-reference/sdk-libraries/doc-pages/customizing-ui-elements)
which precisely uses the `displayCard` function as an example. We recommend you to check it out if you want to learn how
to show the card details UI and adapt its UI to your branding.

For details about the SDK function to call to display the card details UI, please refer to the
[displayCard API Reference](/api-reference/sdk-libraries/variables/cards#displaycard).