NumberInput.stories.js

import React from 'react';
import {
    NumberInput,
} from '@patternfly/react-core';

export default {
  title: 'Example/NumberInput',
  component: NumberInput,
  argTypes: {
  },
};

const Template = (args) => <NumberInput {...args} />;

export const Default = Template.bind({});
Default.args = {
};

package.json

{
  "name": "@code-ready/crc-react-components",
  "version": "0.9.3",
  "author": {
    "name": "Gerard Braad",
    "email": "me@gbraad.nl"
  },
  "license": "Apache",
  "private": false,
  "description": "A library of shared React components for use with CodeReady Containers",
  "files": [
    "dist"
  ],
  "main": "dist/index.js",
  "module": "dist/index.es.js",
  "repository": {
    "type": "git",
    "url": "https://github.com/code-ready/crc-react-components"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "storybook": "BROWSER=none start-storybook -p 6006",
    "build-storybook": "build-storybook",
    "dev": "webpack --mode development",
    "build": "webpack --mode production",
    "release": "npm run build && npm pack"
  },
  "devDependencies": {
    "@babel/core": "^7.16.0",
    "@babel/preset-env": "^7.16.4",
    "@babel/preset-react": "^7.16.0",
    "@rollup/plugin-node-resolve": "^11.1.1",
    "@storybook/addon-actions": "^6.4.9",
    "@storybook/addon-essentials": "^6.4.9",
    "@storybook/addon-links": "^6.4.9",
    "@storybook/builder-webpack5": "^6.4.9",
    "@storybook/manager-webpack5": "^6.4.9",
    "@storybook/react": "^6.4.9",
    "babel-loader": "^8.2.3",
    "chrome-remote-interface": "^0.28.0",
    "compression-webpack-plugin": "^6.0.0",
    "copy-webpack-plugin": "^6.1.0",
    "css-loader": "^5.2.0",
    "immer": ">=9.0.6",
    "mini-css-extract-plugin": "^0.11.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "sass": "^1.44.0",
    "sass-loader": "^12.1.0",
    "trim": ">=0.0.3",
    "tslib": "^2.3.1",
    "webpack": "^5.65.0",
    "webpack-cli": "^4.9.1",
    "webpack-node-externals": "^3.0.0"
  },
  "peerDependencies": {
    "@patternfly/react-core": "^4.164.2",
    "prop-types": "^15.7.2",
    "react": "^16.8.0 || ^17.0.0",
    "react-dom": "^16.8.0 || ^17.0.0"
  }
}

preview.js

import '@patternfly/react-core/dist/styles/base.css';

export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
}