https://github.com/influxdata/clockface

UI Kit for building Chronograf
https://github.com/influxdata/clockface

clockface component-library influxdb react storybook typescript ui-kit uikit

Last synced: about 1 month ago
JSON representation

UI Kit for building Chronograf

• Host: GitHub
• URL: https://github.com/influxdata/clockface
• Owner: influxdata
• License: mit
• Created: 2018-08-02T17:24:02.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-04-10T21:18:02.000Z (10 months ago)
• Last Synced: 2024-04-14T03:04:11.490Z (10 months ago)
• Topics: clockface, component-library, influxdb, react, storybook, typescript, ui-kit, uikit
• Language: TypeScript
• Homepage: https://influxdata.github.io/clockface
• Size: 16.8 MB
• Stars: 43
• Watchers: 18
• Forks: 19
• Open Issues: 90
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Codeowners: CODEOWNERS
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# Clockface

[![npm version](https://badge.fury.io/js/%40influxdata%2Fclockface.svg)](https://badge.fury.io/js/%40influxdata%2Fclockface)

A React + Typescript UI Kit for building Chronograf and other Time Series visualization applications.

### [Documentation](https://influxdata.github.io/clockface)

### [Changelog](https://github.com/influxdata/clockface/blob/master/CHANGELOG.md)

### [Publishing Guide](https://github.com/influxdata/clockface/blob/master/PUBLISHING.md)

### [Contributing Guide](https://github.com/influxdata/clockface/blob/master/CONTRIBUTING.md)

### [Icon Font Guide](https://github.com/influxdata/clockface/blob/master/ICONFONT.md)

### [Testing a Build Locally](https://github.com/influxdata/monitor-ci#how-to-test-clockface-and-giraffe-changes-locally)

### Usage

```

npm install @influxdata/clockface

yarn add @influxdata/clockface

```

Import the Clockface stylesheet to your React app's `index.jsx` file

```tsx

import '@influxdata/clockface/dist/index.css'

```