addon-smart-knobs icon indicating copy to clipboard operation
addon-smart-knobs copied to clipboard

🧠 This Storybook plugin uses @storybook/addon-knobs but creates the knobs automatically based on PropTypes.

Results 33 addon-smart-knobs issues
Sort by recently updated
recently updated
newest added

Does this support Storybook 6? I'm trying to use it to generate smart knobs from typescript, but https://github.com/strothj/react-docgen-typescript-loader shows example up to SB 4, and is marked as read-only. Webpack/babel...

bug

I'm using smart-knobs with TypeScript components using react-docgen-typescript-loader. However I do not get any knobs on a component that just uses string union props like these. String props are fine...

Some of my components have enum types where the value is one string from a possible set of about ~1600 strings. When switching between stories that have these types, performance...

I can see vue tag in project's description, but couldn't get it working. Is Vuejs supported and if yes I would appreciate for a simple example. Thanks

Hey all, I've been configuring Storybook to be our new UI documentation method but I'm running into issues with Smart Knobs. I'm not getting any error messages, I'm just not...

Code: Button.stories.tsx ``` export const All = () => ( ) All.story = { decorators: [withSmartKnobs(), withKnobs] } ``` Expected Result: Actual Result: This issue also applies when using the...

# Currently I'm taking the example provided in the `README.md` adding on it `import '@storybook/addon-actions'` or gonna fail asking for it. ``` import React, { PropTypes } from 'react' import...

help wanted

are there any plans for bringing smart knobs over to React Native Storybook? (onDevice Addons)

I've used https://www.npmjs.com/package/stencil-storybook-wrapper to put storybook into my stencil app. I'm hoping to be able to add Smart Knobs to my stencil components. Will it work with Stencil? I tried...

I have a `Button` component. Here is the PropTypes section: ``` Button.defaultProps = { disabled: false, hidden: false, small: false, block: false, blockMax: false, icon: undefined, squaredMobile: false, simple: false,...