New
Storybook for full-stack developersAutomate with Chromatic
Star75,295
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
storybook-pretty-props
Render prop types in a pretty way! Useful for storybook addons that display prop types.
npm install storybook-pretty-props
Last updated over 2 years ago
60.6k
Downloads per week
Readme View on GitHub

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!

Join the community
5,867 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI