# EclListIllustrationComponent

**Type:** component



Component representing a list using ECL illustration styles.

Supports zebra styling, responsive horizontal layout, and font size options.


**Selector:** `ecl-list-illustration`

## Inputs
- **fontSize**: `"m" | "l"` - Font size for list content. Possible values: - `'m'` – medium - `'l'` – large (default)
- **hasDividers**: `boolean` - If this is an icon-list, it can have dividers between each item.
- **isCentered**: `boolean` - If content should be centered
- **isIconInline**: `boolean` - If the icon should be on the same row as title - for list with icons
- **isZebra**: `boolean` - Enables zebra style (alternating background colors for list items).
- **variant**: `"icon-list" | "number-list" | null` - Two variants available: icon-list and number-list.
- **counterStart**: `number | null` - If we have a number-list, the user can set the start of the counter.
- **horizontalColumns**: `undefined` - Number of horizontal columns. If greater than `0`, items are displayed in a grid layout.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 
