Class HyloIconBase

height

width

setColor

• setColor(host, color, selector?): Promise<void>

• Sets the color of the wrapped svg inside the host element. Sets the style "fill" to the given color. If no class selector is given, it looks for ".hylo-icon-color" and if it doesn't find any match, it grabs all "path" except the ones which have the classes "hylo-icon-color-[secondary || tertiary || quaternary || background]". If a selector is given, only these elements are set.

  Parameters

  • host: HTMLElement

  • color: string

  • selector: string = ''

  Returns Promise<void>

setStrokeColor

• setStrokeColor(host, color, selector?): Promise<void>

• Sets the stroke color of the wrapped svg inside the host element. Sets the style "stroke" to the given color. If no class selector is given, it looks for ".hylo-icon-stroke-color" and if it doesn't find any match, it grabs all "*[stroke]" except the ones with class "hylo-icon-stroke-color-secondary". If a selector is given, only these elements are set.

  Parameters

  • host: HTMLElement

  • color: string

  • selector: string = ''

  Returns Promise<void>

setWidthHeight

• setWidthHeight(host, width, height): Promise<void>

• Sets the width and the height of the given host hylo icon component. Depending on what values or if even values are set for width and height, width or height are calculated based on the default values. If only width is set, height is calculated to keep the ratio set by the default values and the other way around. If none is set, the default values are used. If width and height is set to 0, the styles are been unset and can be set through style sheets.

  Parameters

  • host: HTMLElement

  • width: string | number

  • height: string | number

  Returns Promise<void>