### File

`packages/components/eui-disable-content/eui-disable-content.component.ts`

### Description

Component that provides functionality to disable content and show a visual overlay. When disabled, it adds a semi-transparent overlay and handles focus management.

### Metadata

encapsulation | `ViewEncapsulation.None`
selector | `eui-disable-content`
styleUrls | `./eui-disable-content.scss`

template

    <ng-content/>

### Index

###### Inputs

- disabledText
- isDisabled

###### HostListeners

- click

### Constructor

`constructor()`
Initializes the component and sets up an effect to handle disabled state changes

### Inputs

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.

### HostListeners

click
`click()`
Handles click events on the disabled content Shows a growl notification if content is disabled and has disabled text

# results matching ""

# No results matching ""