JavaScript CSS Other
Clone or download
jberney and mingxiao Use TooltipTrigger instead of OverlayTrigger in Table plugin
Signed-off-by: Ming Xiao <mxiao@pivotal.io>
Latest commit b224729 Jul 13, 2018
Permalink
Failed to load latest commit information.
.github Added a template for github issues Oct 19, 2017
config Use pui-react-tools 4, upgrade to webpack 4, gulp 4. Remove deprecate… May 15, 2018
sandbox require all css in the sandbox app Jun 7, 2018
spec Use TooltipTrigger instead of OverlayTrigger in Table plugin Jul 13, 2018
src Use TooltipTrigger instead of OverlayTrigger in Table plugin Jul 13, 2018
tasks update tools Jul 6, 2018
.babelrc make react a peer dependency, use react 15 as a dev dependency, updat… Jul 6, 2018
.eslintrc Extract shared Flyout and Modal functionality into Dialog component [… May 23, 2018
.gitignore Remove deprecated files and packages [#157614771] May 15, 2018
CHANGELOG.md update the 16.0 date May 24, 2018
COMMIT_GUIDELINES.md Update COMMIT_GUIDELINES.md Dec 17, 2017
CONTRIBUTING.md Update testing docs May 15, 2018
CORE_TEAM_DOCS.md Clean up deprecated gulp tasks Oct 5, 2017
LICENSE chore(license): add license Jun 2, 2015
MAINTAINERS.md update readme and maintainers [#151610911] Jan 27, 2018
README.md Update README.md Apr 24, 2018
gulpfile.babel.js make react a peer dependency, use react 15 as a dev dependency, updat… Jul 6, 2018
gulpfile.js Use pui-react-tools 4, upgrade to webpack 4, gulp 4. Remove deprecate… May 15, 2018
package.json make react a peer dependency, use react 15 as a dev dependency, updat… Jul 6, 2018
push.sh Update push script to not push by default Dec 21, 2017
update-changelog.sh Use tracker token from Shared-frontend Feb 14, 2018
webpack.config.js Specify empty file system and module Jul 13, 2018
yarn.lock make react a peer dependency, use react 15 as a dev dependency, updat… Jul 6, 2018

README.md

NPM

Welcome to Pivotal UI

Build pipeline

Pivotal UI is a collection of React components that are styled for the Pivotal brand. Visit the live styleguide here.

Using Pivotal UI - React Components

Environment

We assume your project has the following:

  • node/npm
  • A module loader such as Webpack or Browserify - Pivotal UI modules follow the CommonJS pattern
  • A JSX transpiler such as Babel - Pivotal UI components are written in JSX
  • React - Pivotal UI components are React components

Install

  1. cd /path/to/your/web/assets
  2. npm init
  3. npm install --save pivotal-ui

Usage

Javascript:

import React from 'react';
import {DefaultButton} from 'pivotal-ui/react/buttons';

class MyTestPage extends React.Component {
 getInitialState() {
   return {showMessage: false};
 }

 showMessage() {
   this.setState({showMessage: true});
 }

 render() {
   return (
     <div className="container">
       <DefaultButton onClick={this.showMessage}>Show Message</DefaultButton>
       { this.state.showMessage ? <h1>Hello world!</h1> : null }
     </div>
   );
 }
}

ReactDOM.render(<MyTestPage />, document.getElementById('root'));

HTML:

<html>
<body>
    <div id="root"></div>
    <script src="<path-to-your-project's-compiled-javascript-file>"></script>
</body>
</html>

Maintainers

See MAINTAINERS.md.

Contributing

Please refer to our contribution guidelines

Copyright Notice

Copyright 2018 Pivotal Software, Inc. All Rights Reserved.