FlowFuse / node-red-dashboard

https://dashboard.flowfuse.com
Apache License 2.0
201 stars 47 forks source link

Icons on dashboard 2 #1031

Closed gtnscebba closed 4 months ago

gtnscebba commented 4 months ago

Description

I use dashboard 2 on native NodeRed (4.0). I'm migrating from dashboard 1 to dashboard 2. I ask you wich icons I can choose for 'icon' on a page entry. In dashboard 1 I could use thats of Material Design (https://klarsys.github.io/angular-material-icons/): I've tried to use them but they are non recognized. Could you tell me what use and how to access them? Thanks a lot.

Properties

Events

Controls

Existing Examples

We use Vuetify for a lot of our widgets, is there a Vuetify component that is similar to what you are looking for?

Have you provided an initial effort estimate for this issue?

I have not provided an initial effort estimate

### Tasks
arturv2000 commented 4 months ago

The icons names are available in this site: https://pictogrammers.com/library/mdi/

In order to use them in the widget configuration, for example button just copy the icon name:

image

image

Some other widgets support adding icons on the configuration.

In a template, it is possible to use as such (it is necessary to add mdi- to the icon name), there are probably other ways to use it...

<v-icon icon="mdi-power"></v-icon>
gtnscebba commented 4 months ago

Thanks a lot for your answer, very very quick.

gtnscebba commented 4 months ago

Fantastic support