Identity Card
IdentityCard renders official ID layouts — Ghana Card, Voter ID, Passport, and Driver License. Configure them with type and cardDetails.
Loading Code Block...Card types (interactive)
Section titled “Card types (interactive)”Use the control to switch type and inspect the matching cardDetails payload in the code panel.
Ecowas Identity Card
Republic of Ghana
Surname/Nom
ASANTE
Firstnames/Prenoms
KWAME NKRUMAH
Nationality/Nationalite
GHANA
Date of Birth/Date de Naissance
15/09/1990
Personal ID Number
GHA-123456789-1
Sex/Sexe
m
Height/Taille (m)
1.75
Document Number/Numero du document
C123456789
Date of Issue/Date de delivrance
01/01/2020
Date of Expiry/Date d'expiration
01/01/2030
1234Loading Code Block...Ghana Card sides
Section titled “Ghana Card sides”cardDetails.side is front or back.
Ecowas Identity Card
Republic of Ghana
Surname/Nom
ASANTE
Firstnames/Prenoms
KWAME NKRUMAH
Nationality/Nationalite
GHANA
Date of Birth/Date de Naissance
15/09/1990
Personal ID Number
GHA-123456789-1
Sex/Sexe
m
Height/Taille (m)
1.75
Document Number/Numero du document
C123456789
Date of Issue/Date de delivrance
01/01/2020
Date of Expiry/Date d'expiration
01/01/2030
1234Loading Code Block...Ghana Card front variants
Section titled “Ghana Card front variants”The front of the Ghana Card supports two visual variants — pick one with
cardDetails.variant:
default— the standard layout with the holder’s photo, PIN, and thumbnail beside the chip.no-image— a photo-less layout with a wider two-column field grid. Use this when a photo isn’t available (e.g. minimal card previews, print exports, or listings).
The back of the card is identical for both variants.
Ecowas Identity Card
Republic of Ghana
Surname/Nom
ASANTE
Firstnames/Prenoms
KWAME NKRUMAH
Nationality/Nationalite
GHANA
Sex/Sexe
m
Date of Birth/Date de
Naissance
15/09/1990
Height/Taille (m)
1.75
Personal ID Number
GHA-123456789-1
Document Number/Numero
du document
C123456789
Date of Issuance/Date
d'emission
01/01/2020
Date of Expiry/Date
d'expiration
01/01/2030
Loading Code Block...| Props | Default | Type | Description |
|---|---|---|---|
| type | - | 'ghana-card' | 'voters-id' | 'passport' | 'driver-license' | The type of identity document to display. Each type has its own data structure. |
| cardDetails | {} | object | Data and configuration for the identity card. Structure varies by type. |
CardDetails by Type
Section titled “CardDetails by Type”Ghana Card
Section titled “Ghana Card”| Props | Default | Type | Description |
|---|---|---|---|
| surname | - | string | Last name of the card holder. |
| firstName | - | string | First name of the card holder. |
| nationality | - | string | Nationality of the card holder. |
| dateOfBirth | - | string | Date of birth in DD/MM/YYYY format. |
| personalIDNumber | - | string | Personal identification number. |
| documentNumber | - | string | Document number of the card. |
| side | 'front' | 'front' | 'back' | Which side of the card to display. |
| variant | 'default' | 'default' | 'no-image' | Visual variant for the FRONT of the Ghana Card. 'no-image' renders a photo-less layout with a wider two-column field grid. The back layout is identical for both variants. |
| gender | - | 'male' | 'female' | Gender of the card holder. |
| height | - | string | Height of the card holder in metres (e.g. '1.75'). |
| dateOfIssue | - | string | Date the card was issued. |
| dateOfExpiry | - | string | Date the card expires. |
Voter ID
Section titled “Voter ID”| Props | Default | Type | Description |
|---|---|---|---|
| surname | - | string | Last name of the voter. |
| firstName | - | string | First name of the voter. |
| gender | - | 'male' | 'female' | Gender of the voter. |
| dateOfBirth | - | string | Date of birth in DD/MM/YYYY format. |
| pollingStationNumber | - | string | Assigned polling station number. |
| voterIDNumber | - | string | Unique voter identification number. |
| dateOfRegistration | - | string | Date of voter registration. |
Passport
Section titled “Passport”| Props | Default | Type | Description |
|---|---|---|---|
| passportNumber | - | string | Passport identification number. |
| surname | - | string | Last name of the passport holder. |
| firstName | - | string | First name of the passport holder. |
| nationality | - | string | Nationality of the passport holder. |
| gender | - | 'male' | 'female' | Gender of the passport holder. |
| dateOfBirth | - | string | Date of birth in DD/MM/YYYY format. |
| placeOfBirth | - | string | Place of birth. |
| dateOfIssue | - | string | Date the passport was issued. |
| dateOfExpiry | - | string | Date the passport expires. |
| placeOfIssue | - | string | Place where the passport was issued. |
Driver License
Section titled “Driver License”| Props | Default | Type | Description |
|---|---|---|---|
| licenseNumber | - | string | Driver license identification number. |
| surname | - | string | Last name of the license holder. |
| firstName | - | string | First name of the license holder. |
| gender | - | 'male' | 'female' | Gender of the license holder. |
| dateOfBirth | - | string | Date of birth in DD/MM/YYYY format. |
| nationality | - | string | Nationality of the license holder. |
| classOfLicense | - | string | Class/category of the driving license. |
| dateOfIssue | - | string | Date the license was issued. |
| dateOfExpiry | - | string | Date the license expires. |