Class HyloDropdownHeader

The header of a hylo-dropdown. Displays the text content of the currently selected item of the dropdown.

Properties

accessibilityFocus arrowDownKey hiddenTextAfter hiddenTextBefore permanent srOnlyLabel

Methods

triggerPrimaryAction

Properties

accessibilityFocus

accessibilityFocus: boolean

Adds a hylo-accessibility-focus component to the hylo-dropdown-header component.

arrowDownKey

arrowDownKey: boolean

If set, the dropdown opens when the header has the focus and the arrow down key is pressed.

By default, only the space and enter key opens the dropdown.

hiddenTextAfter

hiddenTextAfter: string

Text only for screen readers which gets put after the regular header text.

hiddenTextBefore

hiddenTextBefore: string

Text only for screen readers which gets put in front of the regular header text.

permanent

permanent: boolean

If set, the content of the hylo-dropdown-header component does not change.

srOnlyLabel

srOnlyLabel: boolean

Adds a hylo-sr-only component to the hylo-dropdown-header component.

Might help if the screen reader does not read out the content of the component.

Methods

triggerPrimaryAction

  • triggerPrimaryAction(close?): Promise<void>

  • Triggers the primary action as if the user triggered it. (A click on the header.)

    Parameters

    • close: boolean = false

      closes the dropdown, otherwise toggles it

    Returns Promise<void>

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc