Skip to content

Commit 4e08542

Browse files
committed
Added holderName to storedCard story
1 parent 07e1668 commit 4e08542

File tree

2 files changed

+7
-2
lines changed

2 files changed

+7
-2
lines changed

packages/lib/storybook/stories/cards/Card.stories.tsx

+5-1
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,11 @@ const createStoredCardComponent = (args: PaymentMethodStoryProps<CardConfigurati
5353
</div>
5454
<div className={'info-extra-item'}>
5555
<div>Last four digits:</div>
56-
<div className={'info-last-four-digits'}>{storedPM.lastFour}</div>
56+
<div className={'info-item-with-top-margin'}>{storedPM.lastFour}</div>
57+
</div>
58+
<div className={'info-extra-item'}>
59+
<div>Holder name:</div>
60+
<div className={'info-item-with-top-margin'}>{storedPM.holderName}</div>
5761
</div>
5862
</div>
5963
</div>

packages/lib/storybook/stories/cards/cardStoryHelpers/storedCard.style.scss

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
.stored-card-info{
22
font-size: 0.9em;
3+
margin-bottom: 10px;
34
}
45

56
.info-container{
@@ -10,6 +11,6 @@
1011
margin-left:30px;
1112
}
1213

13-
.info-last-four-digits{
14+
.info-item-with-top-margin{
1415
margin-top: 3px;
1516
}

0 commit comments

Comments
 (0)