storybook-pretty-props
Render prop types in a pretty way! Useful for storybook addons that display prop types.
npm install storybook-pretty-props
115.3k
Downloads per week

storybook-pretty-props

Render prop types from react-docgen or react-docgen-typescript in a pretty way. Useful for storybook addons that display prop types.

Installation

npm i storybook-pretty-props
# with yarn
yarn add storybook-pretty-props

Usage

Combine this with docgen output to render the prop type!

import PrettyPropType from "storybook-pretty-props";

const Example = () => (
  <PrettyPropType
    propType={{
      name: "enum",
      value: [
        { name: "literal", value: "a" },
        { name: "literal", value: "b" },
        { name: "literal", value: "c" }
      ]
    }}
  />
);

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


Andrew Lisowski

๐Ÿ’ป ๐Ÿ“– ๐Ÿ’ก โš ๏ธ

Peter Mikitsh

๐Ÿ’ก ๐Ÿ’ป

This project follows the all-contributors specification. Contributions of any kind welcome!