material2-carousel icon indicating copy to clipboard operation
material2-carousel copied to clipboard

Left and Right arrows do not display. Only 'arrow_forward', 'arrow_back'

Open KSavoieRTG opened this issue 2 years ago • 2 comments

Not able to get the forward and back arrows to show. Only the text placeholders. Using in project with latest Angular. Thanks for any assistance.

KSavoieRTG avatar Nov 09 '21 13:11 KSavoieRTG

Carousel component is using Material Icons. You need to add <link> to your index.html

  <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">

troncomputers avatar Dec 08 '21 12:12 troncomputers

I have that installed, in fact I discovered the issue resides with the classes on the buttons. Here are the classes on my buttons mat-icon notranslate fas mat-icon-no-color ng-star-inserted

I noted in the demo 'material-icons' is in the place of where 'fas' is in the class listing. If I manually replace 'fas' with 'material-icons' the correct icon appears.

Anyone have suggestions on why/how 'fas' is getting substituted in the classes? Thanks for any assistance.

KSavoieRTG avatar Jan 18 '22 21:01 KSavoieRTG