@rh-uxd/integration-react
v1.0.4
Published
Set of common react integration components
Downloads
15
Readme
React UXD Integration Component Library
This package provides react componets for use with Redhat integration products. This library contains a set of common components that are used across the integration product line. The library is built on top of react implementation of Patternfly.
Installation
npm install @rh-uxd/integration-react --save
or
yarn add @rh-uxd/integration-react
Building the library
Once install developers can use the components that are available by importing them into their projects. For example
import React from 'react'
import {CrossNavHeader, CrossNavApp} from '@rh-uxd/integration';
...
const apps: CrossNavApp[] = [
{id: 'first-demo-app', name: 'First Demo App', url:'localhost:3000', isHttp: true},
{id: 'second-demo-app', name: 'Second Demo App', url:'localhost:3001', isHttp: true}];
const Header = (
<CrossNavHeader
apps={apps}
currentApp = {{id: 'first-demo-app', name: 'First Demo App', url:'localhost:3000', isHttp: true}}
logo={<Brand src={imgBrand} alt="Patternfly Logo" />}
toolbar={PageToolbar}
avatar={<Avatar src={imgAvatar} alt="Avatar image" />}
showNavToggle
/>
...