Skip to main content

Overlaps

Enable the element overlaps in the layout

Docusaurus logo

Mode schema

PropertyTypeDescriptionStatus
enabledbooleanrequired
modestringMode of the overlapvalues: stack / layer
layerOverlapLevelnumberThe percentage of elements layer on top each otherrequired

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,
},
...
});