Skip to content

Knobs panel not displayed #1658

@arthakdoo

Description

@arthakdoo

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions