📱
HTML Widget
  • HTML Widget
  • Getting Started
    • Regular Use
    • Module Use
  • About
    • The Function
    • Types
  • Components
    • <widget>
    • <stack>
    • <spacer>
    • <img>
    • <text>
    • <date>
    • <style>
    • <!-- Comment -->
  • Add-ons
    • Add-ons
    • <symbol>
    • <hr>
    • <progress>
    • <blockquote>
  • Template
    • Templates
    • Mapping
    • Render
  • Examples
    • Hello, World!
    • Reddit Widget
  • Closing Remarks
    • Bug Fixes and Feedback
    • Support
Powered by GitBook
On this page
  • File
  • Inner Text
  • Attributes
  1. Add-ons

<symbol>

About The Symbol Tag

PreviousAdd-onsNext<hr>

Last updated 2 months ago

<widget>
  <symbol>bolt</symbol>
</widget>

The <symbol> element defines a SF symbol that becomes a widget image element.

File

Inner Text

The <symbol> element can have any character as the inner text excluding < and > and trimming white space. < must be converted to the &lt; entity. > must be converted to the &gt; entity. & can optionally be converted to the &amp; entity. The inner text should be a SF Symbol name, like bolt.

Attributes

borderColor - colour

Defines the border color.

borderWidth - posInt

Defines the border width.

cornerRadius - posInt

Defines the corner radius.

imageOpacity - decimal

Defines the opacity of the symbol.

imageSize - size

Defines the size of the symbol.

tintColor - colour

Defines the tint color.

url - url

Defines the symbol URL.

contentMode - contentMode

Defines the content mode of the symbol (filling or fitting).

alignImage - alignImage

Defines the horizontal alignment of the symbol.

resizable - bool

On true, it does not allow the symbol to be resizable.

html-widget-symbol.js