Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @patternfly/react-catalog-view-extension with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. var reactCatalogViewExtension = require("@patternfly/react-catalog-view-extension")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@patternfly/react-catalog-view-extension v4.4.23

This library provides catalog view extensions for PatternFly 4 React.

patternfly-catalog-view-extension

This package contains catalog components based on the ones in PF3's patternfly-react-extensions package.

This package is currently an extension. Extension components do not undergo the same rigorous design or coding review process as core PatternFly components. If enough members of the community find them useful, we will work to move them into our core PatternFly system by starting the design process for the idea.

Installing

yarn add react-catalog-view-extension

or

npm install react-catalog-view-extension --save

Usage

import { Component } from 'react-catalog-view-extension';

Styling:

Example with LESS:

@import "~bootstrap/sass/variables";
@import "~patternfly/dist/sass/variables";
@import "~patternfly-react/dist/sass/patternfly-react.scss";
@import "~react-catalog-view-extension/dist/sass/react-catalog-view-extension.scss";

Building

yarn build

Note the build scripts for this are located in the root package.json under yarn build.

Testing

Testing is done at the root of this repo.

yarn test

Publishing

yarn publish
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free