Customize Button Widget with Icon

11-03-2022 01:52 PM
Labels (2)
New Contributor II


I am trying to figure out if it is possible to replace the UI of the Button Widget with a custom icon such as a svg with some text, or whatever 3rd party icons. The button widget is really powerful and flexible because it can navigate to different views and pages, but sometimes we need a different UI (icon) for different views or pages.

For example, instead of the out-of-the-box button widget, I want something like this as a button widget to click on:

Screen Shot 2022-11-03 at 1.55.32 PM.png

I have watched some tutorials from the Dev Summit. It looks like it is possible to override the widget UI with css or Emotion JS. But I am kinda stuck with those approaches because they seemed not that straightforward with my issues. Any suggestions would be greatly appreciated. Thanks!


0 Kudos
0 Replies