# EclGalleryComponent

**Type:** component



This component represents a collection of images or videos and allows a user to browse them.
Adds functionality and styling, according to the ECL standards.


**Selector:** `ecl-gallery`

## Inputs
- **columns**: `"2" | "3" | "4" | number` - 
- **gridTemplate**: `"0" | "1" | "2" | "3" | "4" | string` - This property can be used with 'isGrid' property set to true. By default gridTemplate is 0 and all the thimbnails have same size. If another template value is set, some additional formatting is applied and the thumbnails will have different sizes.
- **isFullWidth**: `boolean` - If set to true, the gallery will have 100 view width.
- **isGrid**: `boolean` - If set to true, a specific class will be applied, so the gallery thumbnails are displayed as a grid, all with same size.
- **isNoOverlay**: `boolean` - If set to true, no overlay will be displayed when user clicks on an image.
- **isOpenInFullScreenPossible**: `boolean` - 
- **isShareable**: `boolean` - If the items in the gallery can be shared. I.e. if the link for sharing will be present for each item.
- **isShowTitleOnHover**: `boolean` - If set to false, no title will be displayed when user hover on a gallery item.
- **maxVisibleItems**: `number` - Number of gallery items to be displayed by default. The rest can be displayed with the 'View all' button.
- **ratio**: `"3-1" | "3-2" | string` - The ratio that will be applied to the gallery thumbnails.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 

## Outputs
- **hide**: `EventEmitter` - Emits event when an expanded item is closed.
- **itemSwitch**: `EventEmitter` - Emits event when user is browsing items, opened in an overlay.
- **openFullScreen**: `EventEmitter` - Emits event when an item is opened in full screen.
- **share**: `EventEmitter` - Emits event when an item is shared.
- **show**: `EventEmitter` - Emits event when user clicks on an item to expand it.
