grafana/packages/grafana-ui
Laura Fernández 944cc87f65
Combobox: Styling for dropdown (#90140)
* Add getSelectStyles

* Modify combobox styles

* Fix option with description styles

* Add highlightedIndex

* Undo estimateSize changes

* Create getComboboxStyles

* Add floating ui to Combobox

* Use elements to apply existing refs

* Delete width on styles

* Fix menu styling

* Update packages/grafana-ui/src/components/Combobox/Combobox.tsx

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>

* Changes suggested in reviews

* Delete container styles

* Delete container styles

* Add calculated height to ul element

* Show all options in the many options story

* Replace deprecated code

* Remove console.log

* Fix ts error

* Fix ts error

* Fix val is mull error

* Fix ts error

* Add comment in the code

* Modify the comment

---------

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>
2024-07-25 11:17:23 +02:00
..
.storybook Storybook: Fix missing favorite and grafana icons (#90376) 2024-07-12 18:49:23 +03:00
src Combobox: Styling for dropdown (#90140) 2024-07-25 11:17:23 +02: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 Update React Aria 2024-07-24 10:56:08 +01: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.