packages/eui/packages/components/eui-block-content/eui-block-content.component.ts
Component that wraps content and manages focus state when content is blocked. Provides accessibility attributes and handles focus restoration when blocking/unblocking.
OnChanges
changeDetection | ChangeDetectionStrategy.OnPush |
selector | eui-block-content |
styleUrls | ./eui-block-content.scss |
template |
|
Methods |
Inputs |
HostBindings |
Accessors |
ariaLabel |
Type : string
|
Default value : 'block content wrapper'
|
ARIA label for the content wrapper |
isBlocked |
Type : boolean
|
Default value : false
|
Whether the content is currently blocked When true, focused elements within will be blurred and state saved |
role |
Type : string
|
Default value : 'region'
|
ARIA role for the content wrapper |
class |
Type : string
|
CSS classes applied to the host element |
deactivateElement | ||||||||
deactivateElement(activeElement: HTMLElement)
|
||||||||
Removes focus from the currently focused element when blocking Stores the element reference for later restoration
Parameters :
Returns :
void
|
reactivateElement | ||||||||
reactivateElement(element: HTMLElement)
|
||||||||
Restores focus to the previously focused element when unblocking
Parameters :
Returns :
void
|
cssClasses |
getcssClasses()
|
CSS classes applied to the host element
Returns :
string
|