A component to display an icon

Writer Framework uses Material Symbols to display icons. To include an icon, check https://fonts.google.com/icons, find the icon’s id (such as arrow_forward) and it to your _Icon.

Fields

NameTypeDescriptionOptions
IconTextA Material Symbols id, such as “arrow_forward”.
    Icon sizeNumberIcon size in px
      Icon colorColor
        Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.

          Low code usage

          This component can be declared directly in Python, using backend-driven UI.

          ui.Icon(content={
                  "icon": "", # str 
                  "size": 0.0, # Union[float, str] 
                  "color": "", # str 
                  "cssClasses": "", # str 
              }
          )
          

          Reference