Skip to content

Commit e8c5253

Browse files
ThomasThomas
authored andcommitted
Add additional visually hidden text stories for WarningCallout
1 parent 80e7b88 commit e8c5253

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

stories/WarningCallout.stories.tsx

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,28 @@ stories
1717
</p>
1818
</WarningCallout>
1919
))
20+
.add('With Custom Visually Hidden Text', () => (
21+
<WarningCallout>
22+
<WarningCallout.Label visuallyHiddenText="Not Important: ">
23+
School, nursery or work
24+
</WarningCallout.Label>
25+
<p>
26+
Stay away from school, nursery or work until all the spots have crusted over. This is
27+
usually 5 days after the spots first appeared.
28+
</p>
29+
</WarningCallout>
30+
))
31+
.add('With Disabled Visually Hidden Text', () => (
32+
<WarningCallout>
33+
<WarningCallout.Label visuallyHiddenText={false}>
34+
School, nursery or work
35+
</WarningCallout.Label>
36+
<p>
37+
Stay away from school, nursery or work until all the spots have crusted over. This is
38+
usually 5 days after the spots first appeared.
39+
</p>
40+
</WarningCallout>
41+
))
2042
.add('Without label', () => (
2143
<WarningCallout>
2244
<p>

0 commit comments

Comments
 (0)