Umbraco UI Library use non-essential icons

Questions
, , ,
1

I want to use icons from the UI Library.

This works:

 <uui-icon-registry-essential>
  <uui-icon name="favorite">
  </uui-icon>
</uui-icon-registry-essential>

But I’m limited to a very few icons when using the <uui-icon-registry-essential>. Is there a simple way to use the remaining icons, too, in my ts file? These icons: Umbraco-CMS/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons at main · umbraco/Umbraco-CMS · GitHub

3

The icons you linked are available within the Backoffice without having to wrap them in anything. You’ll have to type the name into <uui-icon name=”X”></uui-icon> – that should work.

The Backoffice does not really export its icons outside of the Backoffice if that is what you meant. Perhaps you could give a little more info on what you are trying to achieve.

1 Like
4

I’m building a custom section from a package, with a custom dashboard. On the dashboard, I want to add an icon, inside an UmbLitElement’s render method.

But I tried your approach and it’s working!

I had to use the actual names (with the “icon-” prefix) in case of non-essential icons.

1 Like
5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.