Hi Swen,

You're right, for some reason, not all icons as per Ant-design-vue project are 
usable either in the section config (UI codebase) or usable for plugin sections.

For the docs, since ant-design-vue has made major updates, I would suggest to 
look at the specific version of the library used by CloudStack UI - 
https://github.com/apache/cloudstack/blob/4.19/ui/package.json#L43 (3.2.20 for 
4.19 branch) and use the docs for the specific version which you've found 
already at this URL: https://3x.antdv.com/components/icon/

Then, unfortunately due to the issue I've described you may need to hit-and-try 
from my experience I think only outlined icons work except those under data & 
brand icons.

We also support fort-awesome 
(https://github.com/apache/cloudstack/blob/4.19/ui/package.json#L37) but I 
found we don't support it for plugins yet. I raised a PR to address this, 
you're welcome to try this: https://github.com/apache/cloudstack/pull/9744


Regards.

 


________________________________
From: [email protected] <[email protected]>
Sent: Thursday, September 26, 2024 16:29
To: [email protected] <[email protected]>
Subject: UI icons

Hi,

I have a question regarding used icons in the CS UI. As far as I understand
it uses Ant Icons version 3. https://3x.antdv.com/components/icon/

But as far as I see not every icon is available. IS there any way I see
which icons are available?



The use case is that I need  to add a custom menu point via plugins section
in config.json.
https://docs.cloudstack.apache.org/en/4.19.1.1/adminguide/ui.html#basic-ui-c
ustomization



Regards,

Swen

Reply via email to