To control the layout of Storybook’s UI you can use the setConfig addons API in your .storybook/manager.js:
The following table details how to use the API values:
| Name | Type | Description | Example Value |
|---|---|---|---|
| isFullscreen | Boolean | Show story component as full screen | false |
| showNav | Boolean | Display panel that shows a list of stories | true |
| showPanel | Boolean | Display panel that shows addon configurations | true |
| panelPosition | String/Object | Where to show the addon panel | bottom or right |
| sidebarAnimations | Boolean | Sidebar tree animations | true |
| enableShortcuts | Boolean | Enable/disable shortcuts | true |
| isToolshown | String | Show/hide tool bar | true |
| theme | Object | Storybook Theme, see next section | undefined |
| selectedPanel | String | Id to select an addon panel | my-panel |
| initialActive | String | Select the default active tab on Mobile. | sidebar or canvas or addons |
| showRoots | Boolean | Display the top-level grouping as a "root" in the sidebar | false |
