The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.

prometheus hacktoberfest metrics monitoring alerting grafana go influxdb mysql postgres analytics data-visualization dashboard business-intelligence elasticsearch

History

Dominik Prokop 1bd0c87f66 Forms: Introduce form field (#20632 ) * Introduce new Switch component * Experiment with different focus style * Review update * Update on/off swtch colors * Introduce Form.Field component * Enable className prop on form's field * Remove not used imports * Update packages/grafana-ui/src/components/Forms/Field.tsx Co-Authored-By: Peter Holmberg <peterholmberg@users.noreply.github.com> * Make switch usable in field story * Add predefined input sizes * Add util to display story on a debug canvas * Test form * Updated the test form * Fix snapshot		6 years ago
..
.storybook	Forms: Introduce new Primary, Secondary and Destructive buttons (#19973 )	6 years ago
src	Forms: Introduce form field (#20632 )	6 years ago
CHANGELOG.md	grafana/ui 6.0.0-alpha.0 release version bump	7 years ago
README.md	Packages: update versioning and release process (#18195 )	6 years ago
index.js	Implemented scripts for building and releasing grafana/ui	7 years ago
package.json	Chore: Upgrade typescript to 3.7 (#20375 )	6 years ago
rollup.config.ts	Panels: Progress on new singlestat / BigValue (#19374 )	6 years ago
tsconfig.build.json	Implemented scripts for building and releasing grafana/ui	7 years ago
tsconfig.json	Chore: Update Slate to 0.47.8 (#19197 )	6 years ago
tslint.json	Add a @grafana/runtime package with backendSrv interface (#16533 )	7 years ago

README.md

Grafana UI components library

@grafana/toolkit is currently in ALPHA. Core API is unstable and can be a subject of breaking changes!

@grafana/ui is a collection of components used by Grafana

Our goal is to deliver Grafana's common UI elements for plugins developers and contributors.

See package source for more details.

Installation

yarn add @grafana/ui

npm install @grafana/ui

Development

For development purposes we suggest using yarn link that will create symlink to @grafana/ui lib. To do so navigate to packages/grafana-ui and run yarn link. Then, navigate to your project and run yarn link @grafana/ui to use the linked version of the lib. To unlink follow the same procedure, but use yarn unlink instead.