Slingr icon

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>