https://github.com/contiamo/operational-ui

Building blocks for effective operational interfaces
https://github.com/contiamo/operational-ui

component-library design-system react-components visualization

Last synced: 4 days ago
JSON representation

Building blocks for effective operational interfaces

• Host: GitHub
• URL: https://github.com/contiamo/operational-ui
• Owner: contiamo
• License: mit
• Created: 2017-08-02T11:44:17.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2021-10-19T07:31:53.000Z (about 3 years ago)
• Last Synced: 2024-10-28T00:01:52.310Z (14 days ago)
• Topics: component-library, design-system, react-components, visualization
• Language: TypeScript
• Homepage: https://operational-ui.netlify.com
• Size: 39.2 MB
• Stars: 259
• Watchers: 8
• Forks: 46
• Open Issues: 39
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - operational-ui

README

        
# 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](https://operational-ui.netlify.com/).

## Getting Started

Install the package via npm or yarn:

`npm install @operational/components`

Create your first application like so:

```js static

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 = () => (

  

    Hello

  

)

```

## Contributing

To get started contributing, please check out our [contributing guidelines](CONTRIBUTING.md).