mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 16:11:33 +08:00
33 lines
2.4 KiB
Markdown
33 lines
2.4 KiB
Markdown
---
|
||
title: 'Features and behavior'
|
||
---
|
||
|
||
To control the layout of Storybook’s UI you can use the `setConfig` addons API in your [`.storybook/manager.js`](./overview.md#configure-story-rendering):
|
||
|
||
<!-- prettier-ignore-start -->
|
||
|
||
<CodeSnippets
|
||
paths={[
|
||
'common/storybook-config-layout.js.mdx',
|
||
]}
|
||
/>
|
||
|
||
<!-- prettier-ignore-end -->
|
||
|
||
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 `{('bottom'|'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 `{('sidebar'|'canvas'|'addons')}`|
|
||
| **showRoots** | Boolean |Display the top-level grouping as a "root" in the sidebar |`false` |
|
||
|