### File

`packages/components/eui-feedback-message/eui-feedback-message.component.ts`

### Description

A feedback message component that displays various types of feedback to users. Supports different states (primary, secondary, info, etc.) and can be muted.

### Basic feedback message

Example :

    <eui-feedback-message euiSuccess>
      Operation completed successfully
    </eui-feedback-message>

### Muted variant

Example :

    <eui-feedback-message euiWarning [isMuted]="true">
      This is a subtle warning message
    </eui-feedback-message>

### Accessibility

- Uses semantic color coding with icon indicators for state
- Text content is readable by screen readers
- Sufficient color contrast maintained in all states

### Notes

- Use state inputs (euiSuccess, euiWarning, euiDanger, euiInfo) for semantic meaning
- Muted variant reduces visual prominence while maintaining accessibility
- Icon indicators are hidden when `isMuted` is true

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
HostDirectives | `BaseStatesDirective` Inputs : euiPrimary euiSecondary euiInfo euiWarning euiSuccess euiDanger euiVariant
host | `{ }`
selector | `eui-feedback-message`
imports | `EUI_ICON_STATE`
templateUrl | `./eui-feedback-message.component.html`
styleUrl | `./eui-feedback-message.scss`

### Index

###### Properties

- cssClasses

###### Inputs

- isMuted

### Inputs

isMuted
Default value : `false, { transform: booleanAttribute }`
Controls whether the feedback message should be displayed in a muted state. When true, the message will have reduced visual prominence. The status icon won't show before the message.

### Properties

cssClasses
Type : `unknown`
Default value : `computed(() => { return [ this.baseStatesDirective.getCssClasses('eui-feedback-message'), this.isMuted() ? 'eui-feedback-message--muted' : '', ].join(' ').trim(); })`
Computes and returns the CSS classes for the feedback message component. Combines base state classes with muted state if applicable.

# results matching ""

# No results matching ""