Merge pull request #1257 from kaliber5/improve-accordion-documentation

fix usage example in accordion docs
ember-bootstrap · Sep 23, 2020 · 5b2f8d0 · 5b2f8d0
2 parents 9aad4e4 + beb9999
commit 5b2f8d0
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/addon/components/bs-accordion.js b/addon/components/bs-accordion.js
@@ -15,17 +15,19 @@ import deprecateSubclassing from 'ember-bootstrap/utils/deprecate-subclassing';
   components as children:
 
   ```handlebars
-  <BsAccordion as |Acc|>
-    <Acc.item @value={{1}} @title="First item">
+  <BsAccordion as |acc|>
+    <acc.item @value={{1}} @title="First item">
       <p>Lorem ipsum...</p>
-      <button onclick={{action acc.change 2}}>Next</button>
-    </Acc.item>
-    <Acc.item @value={{2}} @title="Second item">
+      <button {{on "click" (fn acc.change 2)}}>
+        Next
+      </button>
+    </acc.item>
+    <acc.item @value={{2}} @title="Second item">
       <p>Lorem ipsum...</p>
-    </Acc.item>
-    <Acc.item @value={{3}} @title="Third item">
+    </acc.item>
+    <acc.item @value={{3}} @title="Third item">
       <p>Lorem ipsum...</p>
-    </Acc.item>
+    </acc.item>
   </BsAccordion>
   ```