chore: renamed itemsHeader to itemsControl

cloudscape-design · Sep 10, 2024 · 6a85062 · 6a85062
1 parent 7e23170
commit 6a85062
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/pages/side-navigation/app-layout.page.tsx b/pages/side-navigation/app-layout.page.tsx
@@ -103,7 +103,7 @@ const items: SideNavigationProps.Item[] = [
   { type: 'link', text: 'Documentation', href: '#', external: true, externalIconAriaLabel: 'Opens in a new tab' },
 ];
 
-const itemsHeader = (
+const itemsControl = (
   <Select
     options={[
       { value: 'option1', label: 'Option 1' },
@@ -137,7 +137,7 @@ export default function SideNavigationPage() {
             },
           }}
           items={items}
-          itemsHeader={itemsHeader}
+          itemsControl={itemsControl}
         />
       }
       content={

diff --git a/src/side-navigation/interfaces.tsx b/src/side-navigation/interfaces.tsx
@@ -17,10 +17,10 @@ export interface SideNavigationProps extends BaseComponentProps {
   header?: SideNavigationProps.Header;
 
   /**
-   * Slot to insert a component below the header and above the items.
-   * Using existing Cloudscape component is recommended.
+   * The region below the header and above the items to control filtering of menu items
+   * Use existing Cloudscape components such as Select or MultiSelect.
    **/
-  itemsHeader?: React.ReactNode;
+  itemsControl?: React.ReactNode;
 
   /**
    * Specifies the `href` of the currently active link.