Class HyloHide

Hides or shows the wrapped content depending on breakpoints. Removes and adds the content from/to the DOM.

Requires a hylo-breakpoint-listener component to be present.

Properties

delayHide delayShow hide

Events

hyloHide

Properties

delayHide

delayHide: number = 0

The delay in millisecond for the content to be hidden.

delayShow

delayShow: number = 0

The delay in millisecond for the content to be shown again.

hide

hide: string | boolean | {
    default: boolean;
    horizontal: boolean;
    horizontal-lg: boolean;
    horizontal-md: boolean;
    horizontal-sm: boolean;
    horizontal-xl: boolean;
    horizontal-xs: boolean;
    lg: boolean;
    md: boolean;
    sm: boolean;
    vertical: boolean;
    vertical-lg: boolean;
    vertical-md: boolean;
    vertical-sm: boolean;
    vertical-xl: boolean;
    vertical-xs: boolean;
    xl: boolean;
    xs: boolean;
} = false

Is or when is the content hidden.

Can be a boolean, an object which defines multiple breakpoints or a JSON string of this object.

If an object is provided, not all breakpoints have to be set. If a breakpoint of an orientation-width combination is not set, for the width breakpoint and than for the dimension breakpoint is looked for. If none is set, the defaul value is used.

Permitted keys for the object are: default, xs, sm, md, lg, xl, horizontal, vertical, horizontal-xs, horizontal-sm, horizontal-md, horizontal-lg, horizontal-xl, vertical-xs, vertical-sm, vertical-md, vertical-lg, vertical-xl

Type declaration

  • default: boolean
  • horizontal: boolean
  • horizontal-lg: boolean
  • horizontal-md: boolean
  • horizontal-sm: boolean
  • horizontal-xl: boolean
  • horizontal-xs: boolean
  • lg: boolean
  • md: boolean
  • sm: boolean
  • vertical: boolean
  • vertical-lg: boolean
  • vertical-md: boolean
  • vertical-sm: boolean
  • vertical-xl: boolean
  • vertical-xs: boolean
  • xl: boolean
  • xs: boolean

Events

hyloHide

hyloHide: EventEmitter<boolean>

Fires when the content gets adjusted. The emitted value indicates whether the content got hidden or not.

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc