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: {