fix(components): pass defaultOpen state to disclosure parent

abusix · Jan 11, 2024 · 53cbfd9 · 53cbfd9
1 parent 8603c7c
commit 53cbfd9
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/src/components/disclosure/disclosure.stories.tsx b/src/components/disclosure/disclosure.stories.tsx
@@ -44,3 +44,22 @@ export const Stacked: Story = {
         </div>
     ),
 };
+
+export const DefaultOpen: Story = {
+    render: () => (
+        <div className="w-96">
+            <Disclosure>
+                <Disclosure.Button>Disclosure Button</Disclosure.Button>
+                <Disclosure.Panel>Disclosure Content</Disclosure.Panel>
+            </Disclosure>
+            <Disclosure defaultOpen>
+                <Disclosure.Button>Disclosure Button</Disclosure.Button>
+                <Disclosure.Panel>Disclosure Content</Disclosure.Panel>
+            </Disclosure>
+            <Disclosure>
+                <Disclosure.Button>Disclosure Button</Disclosure.Button>
+                <Disclosure.Panel>Disclosure Content</Disclosure.Panel>
+            </Disclosure>
+        </div>
+    ),
+};
diff --git a/src/components/disclosure/disclosure.tsx b/src/components/disclosure/disclosure.tsx
@@ -33,8 +33,14 @@ const DisclosureButton = ({ children, ...props }: DisclosureButtonProps) => {
     );
 };
 
-const Disclosure = ({ children }: { children: React.ReactNode }) => {
-    return <HeadlessUiDisclosure>{children}</HeadlessUiDisclosure>;
+const Disclosure = ({
+    children,
+    defaultOpen = false,
+}: {
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+}) => {
+    return <HeadlessUiDisclosure defaultOpen={defaultOpen}>{children}</HeadlessUiDisclosure>;
 };
 
 Disclosure.Button = DisclosureButton;