grafana-icon

0.0.1 • Public • Published

Grafana icon select

Abstract

Sometimes you want to use an icon similar to your set/map colors/names as in your plugins. Grafana already has many icons inside. Let's use them. Grafana already has many icons inside. Let's use them.

The proposition is "icon-select" feature for Grafana. It's supposed to be a new directive or something else.

It's not possible to install it to Grafana now. The repo is mostly for developers. Before starting to code, I have some questions to community

Prototype

Selected state

In "normal" state user see icon and it's name:

icon select

Input begin

When user clicks to input, it removes it`s content and opens a selection box with all possible icons:

select

Filter

User can type a value to filter icons:

filter icons

Questions to community

  1. Would you use it and how?
  2. How to distribute?
    • Contibute to the main project?
    • Create "app"?
    • Remove code duplication with query_part_editor.ts (extract typeahead feature?)
  3. Help me to write nice Angular directive: Model & etc
  4. UI/UX suggestions
  5. Performance optimizations: the list is really big
    • Create selection list dom element only once?
  6. Create a roadmap if we decide to make it
    • create a ploygon for testing
    • collect requirements

Readme

Keywords

Package Sidebar

Install

npm i grafana-icon

Weekly Downloads

1

Version

0.0.1

License

MIT

Last publish

Collaborators

  • corpglory_dev