Slingr icon

Detailed explanation of the slingr icon component and it's settings.

The <slingr-icon> custom HTML tag allows developers to easily insert icon elements into their web pages.

Syntax 

<slingr-icon name="${name}" icon-style="${iconStyle}"></slingr-icon>

Attributes

  • name: (Required) Specifies the type of icon to display. This attribute determines which icon is rendered. For a list of possible icon values, refer to the icon reference guide.

  • icon-style: (Optional) Specifies the style of the icon. This attribute allows customization of the icon’s appearance. Possible values include:

    • default
    • primary
    • secondary
    • success
    • danger
    • warning
    • info

Examples 

<slingr-icon name="check" icon-style="success"></slingr-icon>
<slingr-icon name="close" icon-style="error"></slingr-icon>
<slingr-icon name="warning" icon-style="warning"></slingr-icon>
Edit this page on GitHub
← Slingr file
Slingr interaction →