-
-
Notifications
You must be signed in to change notification settings - Fork 9.7k
Closed
Description
I am running a storybook instance and have the component displayed there, but knobs panel is not displayed. The source is very simple:
/* global module */
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withKnobs, select } from '@storybook/addon-knobs';
import PhotoSlider, { ThemePreset, SliderType } from '../../index';
const stories = storiesOf('ThemedPhotoSlider', module);
stories.addDecorator(withKnobs);
const imageUrls = [
'https://upload.wikimedia.org/wikipedia/commons/2/24/BLA_flag.jpg',
'http://sw2773.smartweb-static.com/upload_dir/shop/Forside-Sydafrika.jpg',
'https://hormozgan96.files.wordpress.com/2013/01/bla-flag.png',
];
stories.add('Flags', () =>
<PhotoSlider
sourceUrls={imageUrls}
theme={select('Theme', ThemePreset, ThemePreset.Standard)}
type={select('Type', SliderType, SliderType.ImagePerRow)}
/>,
);
No error is shown, console is clear of any messages, it displays the component with the default button text ('Ok'), but knobs panel is not visible anywhere to enable changing the button title.
What's strange, I use storybook at work, and the knobs panel is displayed there, but here on my computer at home, there is no knobs panel. So I know how these are used, I used text, number, boolean, etc. and it all works at work, but what ever I try I don't get the knobs panel here.
Here is a screen shot
https://ibb.co/hOVwcF