How can the knobs panel be configured to appear on the right?

[kevinSuttle]

Mine is always on the bottom.

I know you can use the &panelRight=1&downPanel=kadirahq%2Fstorybook-addon-knobs URL params, but that gets pretty tedious copy and pasting.

[arunoda]

We've a shortcut for that. 'CMD' + 'SHIFT' + 'J'.
Anyway, we should have a way to set these options manually which we are configuring it.
(This should go into the main storybook repo).

@roonyh do you know a easy way we can allow to set default URL params or some config stuff to make these options by default?

[usulpro]

I think it is desirable to have such settings for each individual item of the storybook, And we need to setup a layout and selected tab. maybe something like this?

import { layout } from 'storybook-addon-layout';

stories.add('button callbacks', () => {
  /* adjust for working with actions  */
  layout({ panelRight: 0, downPanel: 'kadirahq/storybook-addon-actions/actions-panel' })
  <button
    onClick={action('click')}
  />
});

stories.add('button props', () => {
  /* adjust for working with knobs */
  layout({ panelRight: 1, downPanel: 'kadirahq/storybook-addon-knobs' })
  <button
    text={text('label', 'press me')}
  />
});

[thani-sh]

The "Storybook options" addon can be used here. Check:
https://github.com/kadirahq/storybook-addon-options

It can be used the way similar to how @usulpro has mentioned or it can be used globally.

[thani-sh]

For the initial problem, here's an example:

import { setOptions } from '@kadira/storybook-addon-options';
setOptions({ downPanelInRight: true });

This can be added to the config.js file to set it when Storybook initially loads. setOptions can also be called inside individual stories, inside decorators, etc.

I'll close this issue. Please re-open if there's anything else