TFL Partners TFL Partners Developers
Widget demo

Holiday

The curated Holiday list — holiday-season performers and shows — rendered with the Trending widget. It's the same data-widget="trending" component pointed at data-name="holiday_events", so every Trending display option applies.

8
layout variants
1
feed shown
<script src="https://w.tixcdn.io/loader.js"></script>
01

Hero slider

Single full-width slide for a banner-style holiday feature.

data-slides-per-view="1"
embed
<div data-widget="trending-slider"
     data-country-code="us"
     data-name="holiday_events"
     data-item-display="slider"
     data-slides-per-view="1"
     data-image-width="1150"
     data-image-height="350"></div>
02

Slider

Four slides per view across the holiday list.

data-slides-per-view="4"
embed
<div data-widget="trending-slider"
     data-country-code="us"
     data-name="holiday_events"
     data-item-display="slider"
     data-slides-per-view="4"
     data-image-width="375"
     data-image-height="200"></div>
04

Row — separated

Three-column separated tiles, opening links in a new tab.

data-item-display="separated"data-link-target="_blank"
embed
<div data-widget="trending"
     data-country-code="us"
     data-name="holiday_events"
     data-item-display="separated"
     data-columns="3"
     data-image-width="500"
     data-image-height="250"
     data-link-target="_blank"></div>
05

Row — stacked

Stacked list layout.

data-item-display="stacked"
embed
<div data-widget="trending"
     data-country-code="us"
     data-name="holiday_events"
     data-item-display="stacked"
     data-link-target="_self"></div>
06

Row — banner

Three-column banner tiles — the Performer Banner tile style: image, name, and CTA.

data-item-display="banner"data-columns="3"
embed
<div data-widget="trending"
     data-country-code="us"
     data-name="holiday_events"
     data-item-display="banner"
     data-columns="3"></div>
07

Columns — separated

The holiday feed as a vertical column of separated tiles — pair columns like this with your other feeds.

data-group-display="column"data-item-display="separated"
embed
<div data-widget="trending"
     data-country-code="us"
     data-name="holiday_events"
     data-item-display="separated"
     data-group-display="column"
     data-link-target="_self"></div>
08

Columns — stacked

The same feed rendered as a stacked column.

data-group-display="column"data-item-display="stacked"
embed
<div data-widget="trending"
     data-country-code="us"
     data-name="holiday_events"
     data-item-display="stacked"
     data-group-display="column"
     data-link-target="_self"></div>