# EuiFeedbackMessageComponent

**Type:** component



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
```html
<eui-feedback-message euiSuccess>
  Operation completed successfully
</eui-feedback-message>
```

### Muted variant
```html
<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


**Selector:** `eui-feedback-message`

## Inputs
- **isMuted**: `boolean` - 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.
- **euiPrimary**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSecondary**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiInfo**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiWarning**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSuccess**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiDanger**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
