Skip to content

Commit bc47ba8

Browse files
colinrotherhamcolinrotherham
committed
Add stories for summary list row noBorder and noActions 
1 parent 6b3bb30 commit bc47ba8

File tree

1 file changed

+79
-0
lines changed

1 file changed

+79
-0
lines changed

‎stories/Content Presentation/SummaryList.stories.tsx‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,53 @@ export const Standard: Story = {
6868
),
6969
};
7070

71+
export const SummaryListWithoutActionsOnLastRow: Story = {
72+
render: (args) => (
73+
<SummaryList {...args}>
74+
<SummaryList.Row>
75+
<SummaryList.Key>Name</SummaryList.Key>
76+
<SummaryList.Value>Karen Francis</SummaryList.Value>
77+
<SummaryList.Actions>
78+
<SummaryList.Action href="#" visuallyHiddenText="name">
79+
Change
80+
</SummaryList.Action>
81+
</SummaryList.Actions>
82+
</SummaryList.Row>
83+
<SummaryList.Row>
84+
<SummaryList.Key>Date of birth</SummaryList.Key>
85+
<SummaryList.Value>15 March 1984</SummaryList.Value>
86+
<SummaryList.Actions>
87+
<SummaryList.Action href="#" visuallyHiddenText="date of birth">
88+
Change
89+
</SummaryList.Action>
90+
</SummaryList.Actions>
91+
</SummaryList.Row>
92+
<SummaryList.Row>
93+
<SummaryList.Key>Contact information</SummaryList.Key>
94+
<SummaryList.Value>
95+
73 Roman Rd
96+
<br />
97+
Leeds
98+
<br />
99+
LS2 5ZN
100+
</SummaryList.Value>
101+
<SummaryList.Actions>
102+
<SummaryList.Action href="#" visuallyHiddenText="contact information">
103+
Change
104+
</SummaryList.Action>
105+
</SummaryList.Actions>
106+
</SummaryList.Row>
107+
<SummaryList.Row noActions>
108+
<SummaryList.Key>Contact details</SummaryList.Key>
109+
<SummaryList.Value>
110+
<BodyText>07700 900457</BodyText>
111+
<BodyText>[email protected]</BodyText>
112+
</SummaryList.Value>
113+
</SummaryList.Row>
114+
</SummaryList>
115+
),
116+
};
117+
71118
export const SummaryListWithoutActions: Story = {
72119
render: (args) => (
73120
<SummaryList {...args}>
@@ -100,6 +147,38 @@ export const SummaryListWithoutActions: Story = {
100147
),
101148
};
102149

150+
export const SummaryListWithoutBorderOnLastRow: Story = {
151+
render: (args) => (
152+
<SummaryList {...args}>
153+
<SummaryList.Row>
154+
<SummaryList.Key>Name</SummaryList.Key>
155+
<SummaryList.Value>Karen Francis</SummaryList.Value>
156+
</SummaryList.Row>
157+
<SummaryList.Row>
158+
<SummaryList.Key>Date of birth</SummaryList.Key>
159+
<SummaryList.Value>15 March 1984</SummaryList.Value>
160+
</SummaryList.Row>
161+
<SummaryList.Row>
162+
<SummaryList.Key>Contact information</SummaryList.Key>
163+
<SummaryList.Value>
164+
73 Roman Rd
165+
<br />
166+
Leeds
167+
<br />
168+
LS2 5ZN
169+
</SummaryList.Value>
170+
</SummaryList.Row>
171+
<SummaryList.Row noBorder>
172+
<SummaryList.Key>Contact details</SummaryList.Key>
173+
<SummaryList.Value>
174+
<BodyText>07700 900457</BodyText>
175+
<BodyText>[email protected]</BodyText>
176+
</SummaryList.Value>
177+
</SummaryList.Row>
178+
</SummaryList>
179+
),
180+
};
181+
103182
export const SummaryListWithoutBorder: Story = {
104183
args: {
105184
noBorder: true,

0 commit comments

Comments
 (0)