packages/ecl/components/ecl-site-header/custom-action/ecl-site-header-custom-action.component.ts
This components gives opportunity for user to add a custom action. It will appear at first place, before log-in and language and search (if any of these exist). Adds specific styling and functionality. Opens a dropdown with some more content.
| HostDirectives |
ECLClickOutsideDirective
Outputs : eclClickOutside
|
| selector | div[eclSiteHeaderCustomAction] |
| imports |
A11yModule
EUI_ECL_BUTTON
EUI_ECL_ICON
|
| templateUrl | ./ecl-site-header-custom-action.component.html |
Properties |
Methods |
Inputs |
HostBindings |
HostListeners |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
Default value : 'ecl-site-header__custom-action'
|
| document:keydown.escape |
document:keydown.escape()
|
|
Close the overlay with ESC key. |
| eclClickOutside |
eclClickOutside()
|
|
Close the overlay, when clicking outside of it. |
| onClickOutsideHandler |
onClickOutsideHandler()
|
Decorators :
@HostListener('eclClickOutside')
|
|
Close the overlay, when clicking outside of it.
Returns :
void
|
| onCustomActionOverlayClose |
onCustomActionOverlayClose()
|
|
Close the overlay.
Returns :
void
|
| onEscapeKeydownHandler |
onEscapeKeydownHandler()
|
Decorators :
@HostListener('document:keydown.escape')
|
|
Close the overlay with ESC key.
Returns :
void
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| class |
Type : string
|
Default value : 'ecl-site-header__custom-action'
|
Decorators :
@HostBinding('class')
|
| eclSiteHeaderCustomActionLink |
Type : EclSiteHeaderCustomActionLinkDirective
|
Decorators :
@ContentChild(EclSiteHeaderCustomActionLinkDirective)
|
| isOverlayExpanded |
Type : unknown
|
Default value : false
|
|
Used to expand/collapse the dropdown, if any. |
| title |
Type : EclSiteHeaderCustomActionTitleDirective
|
Decorators :
@ContentChild(EclSiteHeaderCustomActionTitleDirective)
|
| titleId |
Type : string
|