Class HyloButtonFont

Toggles throught hylo-font-size-... classes which are set on the body tag and documentElement (html tag).

It starts with no class, than "hylo-font-size-2", than "hylo-font-size-3" and so on until "hylo-font-size-[steps]".

It is up to you to adjust the actual font sizes through css.

For backwards compatibility the classes "font-size-..." are also set.

Properties

buttonClass disabled hyloButtonClass steps

Methods

getStep setStep

Events

hyloFontSizeChanged hyloLoaded hyloUpdated

Properties

buttonClass

buttonClass: string

Classes added to the wrapped button which is wrapped by the hylo-button.

disabled

disabled: boolean = false

If true, the user cannot interact with the wrapped hylo-button.

Saves the current "tabindex" and sets it to "-1". When turned of again, the saved "tabindex" is restored.

hyloButtonClass

hyloButtonClass: string

Classes added to the wrapped hylo-button.

steps

steps: number = 3

The max font size steps.

Methods

getStep

  • getStep(): Promise<number>

  • Returns the currently active font size step.

    Returns Promise<number>

setStep

  • setStep(step, fire?): Promise<void>

  • Sets the font size step.

    Parameters

    • step: number

      the font size step

    • fire: boolean = false

      should the "hyloFontSizeChanged" be fired (optional, default: false)

    Returns Promise<void>

Events

hyloFontSizeChanged

hyloFontSizeChanged: EventEmitter<number>

Fires when the font size step changed. Emits the new font size step (1 <= step <= steps).

hyloLoaded

hyloLoaded: EventEmitter<any>

The component got loaded.

hyloUpdated

hyloUpdated: EventEmitter<any>

The component got updated.

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc