React Cartesian Product component. This will render all possible prop combinations for a component and is useful in conjunction with storybook. https://www.npmjs.com/package/react-cartesian
Can copy JSX of component with a single click.
npm install --save react-cartesian
yarn add react-cartesian
import React from 'react';
import Cartesian from 'react-cartesian';
const ExampleCartesian = () => {
return (
<Cartesian
cols={3}
component={Component}
showProps={false}
props={{
color: ['red', 'green', 'blue'],
children: ['Text 1', 'Text 2', 'Text 3']
}}
/>
)
};
Here's how to publish this package to NPM.
Run this script on a clean branch and enter two factor code.
npm run deploy
You can also publish manually by running these steps.
# Run unit tests.
npm run test
# Build module.
npm run build
# Bump patch version.
npm version patch
# Publish package to npm with two factor code.
npm publish