diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 45441651..a115ebd8 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -1609,7 +1609,7 @@ None.
| Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :------------------------- | :------- | :--------------- | :------- | ----------------------------------------------------------------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------------- |
| ref | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
-| isOpen | No | let
| Yes | boolean
| false
| Set to `true` to open the panel |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the panel |
| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render when the action panel is closed.
Defaults to `<Switcher size={20} />` |
| closeIcon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render when the action panel is open.
Defaults to `<Close size={20} />` |
| text | No | let
| No | string
| undefined
| Specify the text.
Alternatively, use the named slot "text" (e.g., `<div slot="text">...</div>`) |
@@ -3306,7 +3306,7 @@ None.
| Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :------------------ | :------- | :--------------- | :------- | -------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| isOpen | No | let
| Yes | boolean
| false
| Set to `true` to toggle the expanded state |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to toggle the expanded state |
| fixed | No | let
| No | boolean
| false
| Set to `true` to use the fixed variant |
| rail | No | let
| No | boolean
| false
| Set to `true` to use the rail variant |
| ariaLabel | No | let
| No | string
| undefined
| Specify the ARIA label for the nav |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 60178302..e1185074 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -4893,7 +4893,7 @@
"filePath": "src/UIShell/HeaderAction.svelte",
"props": [
{
- "name": "isOpen",
+ "name": "open",
"kind": "let",
"description": "Set to `true` to open the panel",
"type": "boolean",
@@ -10723,7 +10723,7 @@
"reactive": false
},
{
- "name": "isOpen",
+ "name": "open",
"kind": "let",
"description": "Set to `true` to toggle the expanded state",
"type": "boolean",
diff --git a/docs/src/pages/_layout.svelte b/docs/src/pages/_layout.svelte
index 7dd0f43d..5048dac1 100644
--- a/docs/src/pages/_layout.svelte
+++ b/docs/src/pages/_layout.svelte
@@ -46,7 +46,7 @@
let active = false;
$: results = miniSearch.search(value).slice(0, 10);
- let isOpen = false;
+ let open = false;
let isSideNavOpen = true;
let innerWidth = 2048;
@@ -118,7 +118,7 @@
href="https://github.com/carbon-design-system/carbon-components-svelte"
target="_blank"
/>
-
+
Carbon Svelte portfolio
-
+
{#each components.children.filter((child) => !deprecated.includes(child.title)) as child (child.path)}