Feat : Add card collapsable (#1627)

adobe · Nov 22, 2024 · 1dc277f · 1dc277f
1 parent 279814c
commit 1dc277f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/example/src/pages/credential/GetCredentialApiKey.js b/example/src/pages/credential/GetCredentialApiKey.js
@@ -41,7 +41,7 @@ const GetCredentialApiKey = () => {
 
       <GetCredential.UnknownError helpLink="https://some_help_link" helpLinkText="Get Help" className="unKnownError" />
 
-      <GetCredential.Card title="Your credential is ready to use" paragraph="Check the downloads section of your browser for the ZIP file, or find it where you save downloads on your machine." className="card_developer_console" nextStepsLabel="Next steps" nextStepsHref="/credentials/nextsteps">
+      <GetCredential.Card title="Your credential is ready to use" paragraph="Check the downloads section of your browser for the ZIP file, or find it where you save downloads on your machine." className="card_developer_console" nextStepsLabel="Next steps" nextStepsHref="/credentials/nextsteps" isCollapsable="true">
 
         <GetCredential.Card.Side>
           <div style="display : flex ; gap : 16px ; flex-direction : column;">

diff --git a/packages/gatsby-theme-aio/src/components/GetCredential/MyCredential.js b/packages/gatsby-theme-aio/src/components/GetCredential/MyCredential.js
@@ -246,6 +246,7 @@ const MyCredential = ({
             devConsoleLink={card?.devConsoleDirection}
             developerConsoleManage={card?.developerConsoleManage}
             myCredentialFields={myCredentialFields}
+            collapse={card?.isCollapsable}
           />
           <div
             css={css`