contiamo / operational-ui

Building blocks for effective operational interfaces
https://operational-ui.netlify.com
MIT License
259 stars 46 forks source link
component-library design-system react-components visualization

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.