Docs(web-react): Remove isOpen prop from Buttons in Collapse demo

lmc-eu · Aug 26, 2024 · d9c1636 · d9c1636
1 parent a3ca88d
commit d9c1636
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 13 deletions.
diff --git a/packages/web-react/src/components/Collapse/demo/CollapseDefault.tsx b/packages/web-react/src/components/Collapse/demo/CollapseDefault.tsx
@@ -8,9 +8,7 @@ const CollapseDefault = () => {
 
   return (
     <>
-      <Button isOpen={isOpen} onClick={toggleHandler}>
-        Collapse trigger
-      </Button>
+      <Button onClick={toggleHandler}>Collapse trigger</Button>
       <Collapse id="collapse-default-id" isOpen={isOpen}>
         Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla
         neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper

diff --git a/packages/web-react/src/components/Collapse/demo/CollapseHelperClass.tsx b/packages/web-react/src/components/Collapse/demo/CollapseHelperClass.tsx
@@ -26,7 +26,7 @@ const CollapseHelperClass = () => {
         bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis,
         tristique aliquam sed id tortor sem lobortis.
       </Collapse>
-      <Button isOpen={isOpen} onClick={toggleHandler} aria-expanded={isOpen}>
+      <Button onClick={toggleHandler} aria-expanded={isOpen}>
         <span className="accessibility-open">Show less</span>
         <span className="accessibility-closed">Show more</span>
       </Button>

diff --git a/packages/web-react/src/components/Collapse/demo/CollapseMultipleTriggers.tsx b/packages/web-react/src/components/Collapse/demo/CollapseMultipleTriggers.tsx
@@ -8,9 +8,7 @@ const CollapseMultipleTriggers = () => {
 
   return (
     <>
-      <Button isOpen={isOpen} onClick={toggleHandler}>
-        Collapse trigger
-      </Button>
+      <Button onClick={toggleHandler}>Collapse trigger</Button>
       <Collapse id="collapse-multiple-triggers-id" isOpen={isOpen}>
         Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla
         neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper
@@ -20,7 +18,7 @@ const CollapseMultipleTriggers = () => {
         bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis,
         tristique aliquam sed id tortor sem lobortis.
       </Collapse>
-      <Button isOpen={isOpen} onClick={toggleHandler} color="secondary">
+      <Button onClick={toggleHandler} color="secondary">
         Secondary trigger
       </Button>{' '}
       <ButtonLink onClick={toggleHandler} aria-expanded={isOpen} color="tertiary">

diff --git a/packages/web-react/src/components/Collapse/demo/CollapseOpenOnInit.tsx b/packages/web-react/src/components/Collapse/demo/CollapseOpenOnInit.tsx
@@ -8,9 +8,7 @@ const CollapseOpenOnInit = () => {
 
   return (
     <>
-      <Button isOpen={isOpen} onClick={toggleHandler}>
-        Collapse trigger
-      </Button>
+      <Button onClick={toggleHandler}>Collapse trigger</Button>
       <Collapse id="collapse-open-on-init-id" isOpen={isOpen}>
         Cras dictum ante, mollis ollicitudin proin bibendum nec commodo consequat fusce ante, consequat venenatis
         suscipit odio morbi. Dolor sit amet porta, placerat tristique sit amet ligula nisl risus et vehicula, suscipit

diff --git a/packages/web-react/src/components/Collapse/demo/CollapseVisibilityBreakpointDesktop.tsx b/packages/web-react/src/components/Collapse/demo/CollapseVisibilityBreakpointDesktop.tsx
@@ -8,7 +8,7 @@ const CollapseVisibilityBreakpointDesktop = () => {
 
   return (
     <>
-      <ButtonLink isOpen={isOpenDesktop} onClick={toggleHandlerDesktop} size="medium" UNSAFE_className="d-desktop-none">
+      <ButtonLink onClick={toggleHandlerDesktop} size="medium" UNSAFE_className="d-desktop-none">
         Collapse trigger
       </ButtonLink>
       <Collapse id="collapse-visibility-breakpoint-desktop-id" isOpen={isOpenDesktop} collapsibleToBreakpoint="desktop">

diff --git a/packages/web-react/src/components/Collapse/demo/CollapseVisibilityBreakpointTablet.tsx b/packages/web-react/src/components/Collapse/demo/CollapseVisibilityBreakpointTablet.tsx
@@ -8,7 +8,7 @@ const CollapseVisibilityBreakpointTablet = () => {
 
   return (
     <>
-      <ButtonLink isOpen={isOpenTablet} onClick={toggleHandlerTablet} size="medium" UNSAFE_className="d-tablet-none">
+      <ButtonLink onClick={toggleHandlerTablet} size="medium" UNSAFE_className="d-tablet-none">
         Collapse trigger
       </ButtonLink>
       <Collapse id="collapse-visibility-breakpoint-tablet-id" isOpen={isOpenTablet} collapsibleToBreakpoint="tablet">