Class HyloTabHeader

Defines the header/button of a hylo-tab component. Wraps an element which acts as the actual header/button.

This component and the wrapped element gain the class "hylo-open" when the hylo-tap component is "open".

Properties

headerClass width widthOpen

Properties

headerClass

headerClass: string

Classes which get applied to the wrapped header/button element.

width

width: string | number | {
    default?: number;
    lg?: number;
    md?: number;
    sm?: number;
    xl?: number;
    xs?: number;
}

The width of the wrapped header/button in percentage of the whole width of the parent hylo-tabs component.

If not set, the width is the remaining total width divided by all not set hylo-tab components. If the combined added widths of all set hylo-tab components greater than 100, all widths are treated as not set.

Can be set as number, as object of key/value pairs where the key can be "default", "xs", "sm", "md", "lg", "xl" and the value is the number for the specific breakpoint or as JSON string of the object.

Type declaration

  • Optional default?: number
  • Optional lg?: number
  • Optional md?: number
  • Optional sm?: number
  • Optional xl?: number
  • Optional xs?: number

widthOpen

widthOpen: string | number | {
    default?: number;
    lg?: number;
    md?: number;
    sm?: number;
    xl?: number;
    xs?: number;
}

Same as "width" but for the open state of the hylo-tab component.

If set, a corresponding "width" value has to be defined as well.

Type declaration

  • Optional default?: number
  • Optional lg?: number
  • Optional md?: number
  • Optional sm?: number
  • Optional xl?: number
  • Optional xs?: number

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc