Skip to content
Building blocks for effective operational interfaces
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Update PULL_REQUEST_TEMPLATE.md Aug 28, 2018
cypress **Feature:** UI-43 Id input style and a custom status icon (#1051) Jun 20, 2019
dev-server
icons icons added (#1140) Jul 16, 2019
lambdas Hide our slack hook LOL (#1103) Jun 27, 2019
scripts **Breaking:** Added Expand icon (#1064) Jun 24, 2019
src export expandColor funtion #1136 (#1153) Jul 19, 2019
styleguide Add link to GitHub (#1102) Jun 27, 2019
types **Breaking:** New icons (#1013) Jun 7, 2019
.gitignore Monaco Editor playgrounds (#1036) Jun 17, 2019
.prettierrc Refactor Lerna Jun 6, 2018
.svgo.yml **Feature:** Add preview icons (#1014) Jun 7, 2019
CHANGELOG.md 17.0.0 Jun 27, 2019
CNAME Added files for js.org subdomain and updated website build script Apr 18, 2018
CONTRIBUTING.md Make contributing guidelines more clear to newcomers (#1001) May 20, 2019
Jenkinsfile 🧹Housekeeping 🧹 (#1004) May 31, 2019
LICENSE Initial Commit Aug 2, 2017
README.md Make contributing guidelines more clear to newcomers (#1001) May 20, 2019
cypress.json
dangerfile.ts Update code quality Aug 28, 2018
netlify.toml Build Lambdas Dec 5, 2018
package.json 17.0.0 Jun 27, 2019
styleguide.config.js Monaco Editor playgrounds (#1036) Jun 17, 2019
test-polyfills.js Update snapshots Jul 27, 2018
tsconfig.json Monaco Editor playgrounds (#1036) Jun 17, 2019
tsconfig.node.json Monaco Editor playgrounds (#1036) Jun 17, 2019
yarn.lock Bump lodash from 4.17.11 to 4.17.13 (#1151) Jul 19, 2019

README.md

Operational UI Components

The @operational/components package contains simple, stateless UI building blocks - your typical input fields, buttons, cards, grids, and so on. See demo and docs.

Getting Started

Install the package via npm or yarn:

npm install @operational/components

Create your first application like so:

import * as React from "react"
import { Button, OperationalUI } from "@operational/components"

// Always wrap your interface in the `OperationalUI` wrapper,
// which does important setup work, and takes a single child element.
// See https://www.npmjs.com/package/%40operational%2Fcomponents
const App = () => (
  <OperationalUI>
    <Button>Hello</Button>
  </OperationalUI>
)

Contributing

To get started contributing, please check out our contributing guidelines.

You can’t perform that action at this time.