packages/components/eui-disable-content/eui-disable-content.component.ts
Component that provides functionality to disable content and show a visual overlay. When disabled, it adds a semi-transparent overlay and handles focus management.
| encapsulation | ViewEncapsulation.None |
| selector | eui-disable-content |
| styleUrls | ./eui-disable-content.scss |
| template | |
Inputs |
HostListeners |
constructor()
|
|
Initializes the component and sets up an effect to handle disabled state changes |
| disabledText |
Default value : ''
|
|
Text to display in an eui-growl (type info) notification when clicking the disabled content. |
| isDisabled |
Type : boolean, BooleanInput
|
Default value : null, { transform: booleanAttribute }
|
|
Controls whether the content is disabled. If disabled, a semi-transparent overlay with spinner is shown. |
| click |
click()
|
|
Handles click events on the disabled content Shows a growl notification if content is disabled and has disabled text |