Add component to Angular preview

swisspost · Jul 2, 2024 · 22f6e84 · 22f6e84
1 parent aedc1df
commit 22f6e84
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html b/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html
@@ -30,7 +30,10 @@ <h2>Post Card-Control</h2>
 
 <div class="my-4">
   <h2>Post Collapsible</h2>
-  <post-collapsible>
+  <post-collapsible-trigger for="angular-collapsible">
+    <button class="btn btn-secondary mb-mini">Toggle</button>
+  </post-collapsible-trigger>
+  <post-collapsible id="angular-collapsible">
     <p>Contentus momentus vero siteos et accusam iretea et justo.</p>
   </post-collapsible>
 </div>

diff --git a/packages/documentation/src/stories/components/collapsible/collapsible.stories.ts b/packages/documentation/src/stories/components/collapsible/collapsible.stories.ts
@@ -37,7 +37,7 @@ function renderCollapsible(
 ) {
   return html`
     <post-collapsible-trigger for=${context.id}>
-      <button class="btn btn-default">Toggle Collapsible</button>
+      <button class="btn btn-secondary">Toggle Collapsible</button>
     </post-collapsible-trigger>
 
     <post-collapsible id=${context.id} ${spreadArgs(args)}>