grafana/packages/grafana-ui
Ashley Harrison 334657e1cb
Navigation: Move scroll behaviour to body (#89921)
* initial attempt at body scrolling

* fix login layout

* minor fixes

* "fix" some fixed position stuff

* remember scroll position in dashboard page

* fix unit tests

* expose chrome header height in runtime and fix connections sticky header

* fix panel edit in scenes

* fix unit tests

* make useChromeHeaderHeight backwards compatible, fix plugin details double scrollbar

* fix sticky behaviour in explore metrics

* handle when undefined

* deprecate scrollRef/scrollTop

* fix extra overflow on firefox
2024-07-17 13:48:47 +01:00
..
.storybook Storybook: Fix missing favorite and grafana icons (#90376) 2024-07-12 18:49:23 +03:00
src Navigation: Move scroll behaviour to body (#89921) 2024-07-17 13:48:47 +01:00
.eslintrc Grafana packages: Remove E2E workspace (#86416) 2024-04-25 07:12:43 +02:00
CHANGELOG.md Prettier: Fix all markdown files and add markdown files to CI verify step (#39776) 2021-09-29 14:34:40 +02:00
LICENSE_APACHE2 Re-license Grafana to AGPLv3 (#33184) 2021-04-20 19:03:30 +02:00
package.json Canvas: Element level data links (#89079) 2024-07-12 12:02:49 -05:00
README.md Storybook: Rework the intro page (#77305) 2023-10-30 16:53:49 +00:00
rollup.config.ts GrafanaUI: Add new EmptyState component (#84891) 2024-03-22 14:46:32 +00:00
tsconfig.build.json Grafana UI: Ignore internal stories when compiling (#65983) 2023-04-05 11:47:37 +02:00
tsconfig.json React: Use new JSX transform (#88802) 2024-06-25 12:43:47 +01:00

Grafana UI components library

@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.

Browse the Storybook catalog of the components.

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.