Select to view content in your preferred language

How to use Meridian and Point Symbols in Calcite Design System Icons?

245
3
08-05-2024 09:18 AM
ForrestLin
Frequent Contributor

How to use Meridian and Point Symbols in Calcite Design System Icons?

Only Calcite UI works for me.

ForrestLin_0-1722874593924.png

Regards,

Forrest

Tags (2)
3 Replies
DarwinSegura
New Contributor

It's simple in the differente componet exist a value "icon", you can use any  name in all the list in your picture for insert in the componet selection. example 

<calcite-button icon-start="2d-explore">Add layer</calcite-button>

0 Kudos
ForrestLin
Frequent Contributor

@DarwinSegura 

Thank you for your help.

I just try <calcite-button icon-start="2-5d-mesh">Add layer</calcite-button>. It doesn't work for me.

ForrestLin_0-1725908758684.png

Do I need to include some url?

 

0 Kudos
DarwinSegura
New Contributor

No, not include a url, possible the find in documentación  the wrong is a note in every icon. but I tried with "360-view" and implement display a icon.

<calcite-button icon-start="360-view">Add layer</calcite-button>

DarwinSegura_0-1725914175419.png

the error in console for a implementation  your suggestion

DarwinSegura_0-1725914499179.png

 

0 Kudos