# EclModalComponent

**Type:** component




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

## Inputs
- **isOpen**: `boolean | any` - Controls whether the modal is open.  Can be set to any truthy value to open the modal.
- **size**: `"s" | "m" | "l" | "full" | string` - Defines the size of the modal.  Possible values: - 's' – small - 'm' – medium - 'l' – large (default) - 'full' – full width
- **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**: `EventEmitter` - Emits when the modal is closed.  Carries an instance of `EclModalCloseEvent`.
- **modalOpen**: `EventEmitter` - Emits when the modal is opened.  Carries an instance of `EclModalOpenEvent`.
