grafana/packages/grafana-ui
Ashley Harrison 9de79fb5e9
Chore: remove react-popper-tooltip in favour of @floating-ui/react (#79465)
* use floating-ui instead of react-popper-tooltip in Tooltip

* remove useTheme2 usage

* remove escape handling logic in favour of useDismiss

* don't need this useEffect anymore

* convert Toggletip to use floating-ui

* use explicit version

* convert OperationInfoButton to use Toggletip

* convert nestedFolderPicker to use floating-ui

* convert Dropdown to use floating-ui and remove react-popper-tooltip

* fix Modal/Tooltip tests

* revert to old toggletip behaviour

* revert OperationInfoButton to not use Toggletip

* add mock for requestAnimationFrame

* remove requestAnimationFrame mock

* remove fakeTimers where they're not used

* use floating-ui in ButtonSelect

* Fix filters unit tests

* only attach description if label is different

* use 'fixed' strategy for Toggletip

* use stroke and strokeWidth

* set move: false to only show the tooltip if a hover event occurs

* update type for onClose
2024-01-03 12:42:26 +00:00
..
.storybook Grafana UI: Make it possible to bundle package with plugins (#76191) 2023-10-13 14:11:41 +02:00
src Chore: remove react-popper-tooltip in favour of @floating-ui/react (#79465) 2024-01-03 12:42:26 +00:00
.eslintrc Chore: Convert @grafana/ui to use emotion object syntax (#71374) 2023-07-17 16:12:09 +01: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 Chore: remove react-popper-tooltip in favour of @floating-ui/react (#79465) 2024-01-03 12:42:26 +00:00
README.md Storybook: Rework the intro page (#77305) 2023-10-30 16:53:49 +00:00
rollup.config.ts Grafana UI: Make it possible to bundle package with plugins (#76191) 2023-10-13 14:11:41 +02:00
tsconfig.build.json Grafana UI: Ignore internal stories when compiling (#65983) 2023-04-05 11:47:37 +02:00
tsconfig.json Chore: Bump d3-color to 3.1.0 (#61609) 2023-01-26 13:02:22 +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.