Overlaps
Enable the element overlaps in the layout

Mode schema
| Property | Type | Description | Status |
|---|---|---|---|
enabled | boolean | required | |
mode | string | Mode of the overlap | values: stack / layer |
layerOverlapLevel | number | The percentage of elements layer on top each other | required |
Example
const { getEpgProps, getLayoutProps } = useEpg({
channels,
epg,
startDate,
endDate,
overlap: {
enabled: true,
mode: "stack"
},
...
});
Example - Layer mode
const { getEpgProps, getLayoutProps } = useEpg({
channels,
epg,
startDate,
endDate,
overlap: {
enabled: true,
mode: "layer",
layerOverlapLevel: 0.6,
},
...
});