# EclNotificationComponent

**Type:** component




**Selector:** `ecl-notification`

## Inputs
- **isCloseable**: `boolean` - Indicates whether the close button is displayed.
- **isVisible**: `boolean` - Controls the visibility of the notification. When false, the component is hidden using CSS utility class.
- **notificationTitle**: `string` - The title of the notification. This is displayed inside the component.
- **variant**: `"info" | "success" | "warning" | "error"` - Defines the visual style of the notification. Can be one of: 'info' | 'success' | 'warning' | 'error'. Default is 'info'.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 

## Outputs
- **close**: `EventEmitter` - Emits an event when the close button is clicked. Consumers can call `preventDefault()` on the emitted event to prevent the notification from closing.
