Icons in tree

[worksofliam]

First off, awesome work & thank you for 0.3!

I am trying to build some new UI using your tree view, but mostly as a clickable list.

I have it working really well - except the icons do not show up!

Here is a screenshot of what I have:

Here is how I am building my array:

      {
        icons: {
          leaf: `plus`
        },
        label: `New Action`,
        value: `-1`
      },
      ...allActions.map((action, index) => ({
        icons: {
          leaf: `debug-start`
        },
        label: `${action.name} (${action.type}: ${action.extensions.join(`, `)})`,
        value: String(index)
      }))

I can see from the developer tools.. it looks correct:

<span class="codicon codicon-debug-start" style="animation-duration: 1.5s; font-size: 16px; height: 16px; width: 16px;"></span>

Wondering if you had any pointers? Thanks!

[worksofliam]

I also looked up the codicon icons and tried that with no luck:

      {
        icons: {
          leaf: `add`
        },
        label: `New Action`,
        value: `-1`
      },
      ...allActions.map((action, index) => ({
        icons: {
          leaf: `edit`
        },
        label: `${action.name} (${action.type}: ${action.extensions.join(`, `)})`,
        value: String(index)
      }))

[bendera]

Hi,

Did you append this line to the header?

<link rel="stylesheet" href="path/to/codicon.css" id="vscode-codicon-stylesheet">

[worksofliam]

No, I don't think I did!

Do I need to install codicons into my extension too?

[bendera]

No, I don't think I did!

Probably that's the problem. it would be nicer if there was no need for an additional link tag but it cannot be solved any other way.

Do I need to install codicons into my extension too?

Yes, you should install the vscode-codicons package (or copy the files manually, it's up to you). Check this demo for example:
https://github.com/bendera/vscode-vscwe-demo/blob/master/src/extension.ts

[worksofliam]

Okay, thank you @bendera.

I didn't realise that. I'll try that and will post back here.

[worksofliam]

It's going to take some work to get codicons with webpack. I will close this for now.

Thanks @bendera!