Laura's notes

cengage · Oct 18, 2023 · b59d25c · b59d25c
1 parent fa75dc8
commit b59d25c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/packages/react-magma-dom/src/components/Dropdown/Dropdown.test.js b/packages/react-magma-dom/src/components/Dropdown/Dropdown.test.js
@@ -969,7 +969,7 @@ describe('Dropdown', () => {
                 <DropdownExpandableMenuButton>
                   Pasta
                 </DropdownExpandableMenuButton>
-                <DropdownExpandableMenuPanel testId="pancakes">
+                <DropdownExpandableMenuPanel testId={expandablePanelId}>
                   <DropdownExpandableMenuListItem>
                     Fresh
                   </DropdownExpandableMenuListItem>
@@ -999,7 +999,7 @@ describe('Dropdown', () => {
 
       fireEvent.click(getByText('Expandable Items Dropdown'));
 
-      expect(getByTestId('pancakes')).toBeInTheDocument();
+      expect(getByTestId(expandablePanelId)).toBeInTheDocument();
 
       expect(queryByTestId(expandablePanelTwoId)).not.toBeInTheDocument();
     });

diff --git a/website/react-magma-docs/src/pages/api/dropdown.mdx b/website/react-magma-docs/src/pages/api/dropdown.mdx
@@ -428,11 +428,13 @@ export function Example() {
 }
 ```
 
-## Expandable Menu Items Default Index
+### Expandable Menu with item auto expanded
 
-The `defaultIndex` prop uses an array of zero based indices to enable an expandable group to be automatically opened.
+By default, the `isMulti` prop is true on `DropdownExpandableMenuGroup`, which means that the expandable dropdown will allow multiple items to be expanded at once. If you wish to limit the number of items open at once, you can set the `isMulti` prop to false.
 
-If the `isMulti` prop is set to `false`, the `defaultIndex` prop will take a single number, instead of an array.
+The `defaultIndex` prop on `DropdownExpandableMenuGroup` uses an array of zero based indices to enable expandable groups to be automatically opened.
+
+When the `isMulti` prop is false, the `defaultIndex` prop will take a single number, instead of an array.
 
 ```tsx
 import React from 'react';
@@ -497,7 +499,7 @@ export function Example() {
 }
 ```
 
-## Text only Expandable Menu Item
+### Text only Expandable Menu Item
 
 ```tsx
 import React from 'react';