An open API service indexing awesome lists of open source software.

https://github.com/hipstersmoothie/ignite-plugin-prop-types

Takes a react component and displays a table with it's prop-types.
https://github.com/hipstersmoothie/ignite-plugin-prop-types

Last synced: 2 months ago
JSON representation

Takes a react component and displays a table with it's prop-types.

Awesome Lists containing this project

README

        

[![CircleCI branch](https://img.shields.io/circleci/project/github/hipstersmoothie/ignite-plugin-prop-types/master.svg?style=for-the-badge)](https://circleci.com/gh/hipstersmoothie/workflows/ignite-plugin-prop-types/tree/master) [![Codecov branch](https://img.shields.io/codecov/c/github/hipstersmoothie/ignite-plugin-prop-types/master.svg?style=for-the-badge)](https://codecov.io/gh/hipstersmoothie/ignite-plugin-prop-types/branch/master) [![npm](https://img.shields.io/npm/v/ignite-plugin-prop-types.svg?style=for-the-badge)](https://www.npmjs.com/package/ignite-plugin-prop-types) [![npm](https://img.shields.io/npm/dt/ignite-plugin-prop-types.svg?style=for-the-badge)](https://www.npmjs.com/package/ignite-plugin-prop-types)




Ignite-Plugin-Prop-Types


Takes a react component and displays a table with it's prop-types.


## Usage

Install the plugin:

```bash
yarn add ignite-plugin-prop-types
```

Add it to your `.igniterc` or `package.json`:

```json
{
"plugins": [
["PropTypes", "ignite-plugin-prop-types"],
["OtherComponentWithPropTypes", "/path/to/component"]
]
}
```

Use in your documentation:

```markdown
# OtherComponentWithPropTypes Documentation Page

Description of component.

```

Result:

![Example Output Image](example.png)