predix-ui
Unoffical React components that implement Predix's Design System CSS.
For more information on Predix UI visit https://www.predix-ui.com/#/home
Why? Well the predix-ui
library is built with Polymer. This project attempts to bring those components to React.
Usage
To use this library simply install it with npm
or yarn
:
$ npm install predix-ui
Then import the components you want to use.
If you're not using a module bundler or package manager we also have a global ("UMD") build hosted on the unpkg CDN. Simply add the following <script>
tag to the bottom of your HTML file:
<script src="https://unpkg.com/predix-ui/dist/predix-ui.min.js"></script>
; <Card headerText='My Card'> This is a card</Card>
Theme
The component styles are all in separate .css
files or you can use the entire theme.
<link rel='stylesheet prefetch' href='https://unpkg.com/predix-ui/dist/predix-ui.min.css'/><link rel='stylesheet prefetch' href='https://unpkg.com/predix-ui/dist/px-dark-theme.min.css'/>
Starter Project
You can get started quickly with this starter project.
License
See LICENSE for more details.