# EclModalComponent

**Type:** component




**Selector:** `dialog[eclModal]`

## Inputs
- **size**: `'s' | 'm' | 'l' | 'full' | string` - Defines the size of the modal. Possible values: 's', 'm', 'l' (default), 'full'.
- **variant**: `'information' | 'success' | 'warning' | 'error' | string` - Defines the visual variant of the modal. Possible values: 'information', 'success', 'warning', 'error', or a custom string.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 

## Outputs
- **modalClose**: `EclModalCloseEvent<T>` - Emits when the modal is closed. Carries an instance of `EclModalCloseEvent`.
- **modalOpen**: `EclModalOpenEvent` - Emits when the modal is opened. Carries an instance of `EclModalOpenEvent`.
