diff --git a/src/components.d.ts b/src/components.d.ts
index 05c9186..1026e7c 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -188,6 +188,7 @@ export namespace Components {
}
interface DVerificationCard {
"flow": string;
+ "logo": string;
"relyingParty": string;
"selected": boolean;
"verifier": string;
@@ -755,6 +756,7 @@ declare namespace LocalJSX {
}
interface DVerificationCard {
"flow"?: string;
+ "logo"?: string;
"relyingParty"?: string;
"selected"?: boolean;
"verifier"?: string;
diff --git a/src/components/verification-card/d-verification-card.tsx b/src/components/verification-card/d-verification-card.tsx
index c61b0bf..9594fa5 100644
--- a/src/components/verification-card/d-verification-card.tsx
+++ b/src/components/verification-card/d-verification-card.tsx
@@ -10,6 +10,7 @@ export class DVerificationCard {
@Prop({ reflect: true }) relyingParty: string;
@Prop({ reflect: true }) verifier: string;
@Prop({ reflect: true }) flow: string;
+ @Prop({ reflect: true }) logo: string;
render() {
return (
@@ -17,7 +18,7 @@ export class DVerificationCard {
-
+
{this.selected && }
diff --git a/src/components/verification-card/readme.md b/src/components/verification-card/readme.md
index 43c4e32..ce3fbcc 100644
--- a/src/components/verification-card/readme.md
+++ b/src/components/verification-card/readme.md
@@ -10,6 +10,7 @@
| Property | Attribute | Description | Type | Default |
| -------------- | --------------- | ----------- | --------- | ----------- |
| `flow` | `flow` | | `string` | `undefined` |
+| `logo` | `logo` | | `string` | `undefined` |
| `relyingParty` | `relying-party` | | `string` | `undefined` |
| `selected` | `selected` | | `boolean` | `false` |
| `verifier` | `verifier` | | `string` | `undefined` |
diff --git a/src/components/verification-card/test/d-verification-card.spec.tsx b/src/components/verification-card/test/d-verification-card.spec.tsx
index ee3ec7e..0760935 100644
--- a/src/components/verification-card/test/d-verification-card.spec.tsx
+++ b/src/components/verification-card/test/d-verification-card.spec.tsx
@@ -13,7 +13,7 @@ describe('d-verification-card', () => {
-
+
diff --git a/src/components/verification-card/verification-card.stories.ts b/src/components/verification-card/verification-card.stories.ts
index 9903470..31cfab6 100644
--- a/src/components/verification-card/verification-card.stories.ts
+++ b/src/components/verification-card/verification-card.stories.ts
@@ -8,6 +8,7 @@ const meta = {
relying-party="${args.relyingParty}"
verifier="${args.verifier}"
flow="${args.flow}"
+ logo="${args.logo}"
>
@@ -24,6 +25,7 @@ export const Default: Story = {
relyingParty: 'dyne.org',
verifier: 'John Doe',
flow: 'Age verification',
+ logo: `https://api.dicebear.com/7.x/open-peeps/svg?seed=${new Date()}`,
},
parameters: {
design: {