Wraps the content in a hylo-accessibility-button with "toggle" set to eather "closed" or "opened" and manages its "open" status.
Classes added to the hyloAccessibilityButton component if set.
Added as "aria-label" to the hyloAccessibilityButton component if set.
The "srOnlyLabel" property of the hyloAccessibilityButton component if set.
Fires when the component gains or looses focus through the "tab" key. The component also toggles the class "hylo-has-focus".
The emitted boolean value indicates whether the component gained or lost the focus.
Fires when the component is or looses active through a key action. The component also toggles the class "hylo-has-keyactive".
The emitted boolean value indicates whether the component gained or lost the active state.
Fires when the component gains or looses "mouseover". The component also toggles the class "hylo-has-mouseover". Does not fire when the "mouseover" was gained through a touch event.
The emitted boolean value indicates whether the component gained or lost "mouseover".
Generated using TypeDoc
An accordion item header.
Place it inside an hylo-accordion-item component above an hylo-accordion-item-body component.
The class "hylo-open" is added/removed to this element depending on the accordion item status.