# SlideHubTile

The SlideHubTile is a tile, which periodically switches between its BottomContent and TopContent using a transition.

## Properties

The RadSlideHubTile exposes the following properties on top of the common ones for all tiles:

* **BottomContent (object)**: Gets or sets the front content of the tile. Typically this will be a picture, but it may be any arbitrary content.
* **BottomContentTemplate (DataTemplate)**: Gets or sets the DataTemplate that is used to visualize the BottomContent property.
* **TopContent (object)**: Gets or sets the secondary front content of the tile. Typically this will be a picture, but it may be any arbitrary content.
* **TopContentTemplate (DataTemplate)**: Gets or sets the DataTemplate that is used to visualize the TopContent property.

#### **Figure 1: RadSlideHubTile Transition**

![WinUI RadSliderHubTile](https://www.telerik.com/winui/documentation/assets/baf2c95eab9150984604e61e40348472/radhubtile-slidehubtileexample.png)

## Example

**Example 1** demonstrates how to set the BottomContent and TopContent properties and make them flip every one second.

#### **Example 1: Defininig a RadSlideHubTile**

```XAML
 <Grid xmlns:telerik="using:Telerik.UI.Xaml.Controls.Primitives">
	<telerik:RadSlideHubTile UpdateInterval="0:0:1" TopContent="Top Content" BottomContent="Bottom Content">
	</telerik:RadSlideHubTile>
</Grid>
```

## See Also

* [HubTile](https://www.telerik.com/winui/documentation/controls/radhubtile/hubtiles/radhubtile)
* [HexHubTile](https://www.telerik.com/winui/documentation/controls/radhubtile/hubtiles/radhexhubtile)