Skip to content

Commit f606623

Browse files
ktaborsyihuiliao
andauthored
fixes - Accordion Chromatic and Chromatic-FC regressions (#7074)
* Returning the RSP Accordion Chromatic-FC story to it previous behavior * seperating s1 and s2 accordion stories and bringing s1 stories to previous parity --------- Co-authored-by: Yihui Liao <[email protected]>
1 parent a477788 commit f606623

File tree

3 files changed

+39
-2
lines changed

3 files changed

+39
-2
lines changed

packages/@react-spectrum/accordion/chromatic-fc/Accordion.stories.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,5 +21,6 @@ const meta: Meta<SpectrumAccordionProps> = {
2121
export default meta;
2222

2323
export const Default = {
24-
render: Template
24+
render: Template,
25+
args: {defaultExpandedKeys: ['shared']}
2526
};

packages/@react-spectrum/accordion/chromatic/Accordion.stories.tsx

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,4 +55,39 @@ export const Default = {
5555
render: Template
5656
};
5757

58+
export const WithExpanedKeys = {
59+
render: Template,
60+
args: {defaultExpandedKeys: ['shared']}
61+
};
62+
63+
export const WithDisabledDisclosure = {
64+
render: (args) => (
65+
<Accordion {...args}>
66+
<Disclosure id="files">
67+
<DisclosureHeader>
68+
Your files
69+
</DisclosureHeader>
70+
<DisclosurePanel>
71+
files
72+
</DisclosurePanel>
73+
</Disclosure>
74+
<Disclosure id="shared">
75+
<DisclosureHeader>
76+
Shared with you
77+
</DisclosureHeader>
78+
<DisclosurePanel>
79+
shared
80+
</DisclosurePanel>
81+
</Disclosure>
82+
<Disclosure id="last" isDisabled>
83+
<DisclosureHeader>
84+
Last item
85+
</DisclosureHeader>
86+
<DisclosurePanel>
87+
last
88+
</DisclosurePanel>
89+
</Disclosure>
90+
</Accordion>)
91+
};
92+
5893
// TODO: more stories

packages/@react-spectrum/s2/stories/Accordion.stories.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,8 @@ const meta: Meta<typeof Accordion> = {
2020
parameters: {
2121
layout: 'centered'
2222
},
23-
tags: ['autodocs']
23+
tags: ['autodocs'],
24+
title: 'S2/Accordion'
2425
};
2526

2627
export default meta;

0 commit comments

Comments
 (0)