# HexHubTile

The RadHexHubTile is a hexagonal tile with a picture, title, message and notification.

## Properties

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

* **ImageSource** (ImageSource): Gets or sets the source of the image.
* **Length** (double): Gets or sets the longest dimension of the hexagon.
* **StrokeThickness** (double): Gets or sets the thickness of the hexagon border.
* **Orientation** (HexOrientation): Gets or sets the orientation of the hexagon. {Flat, Angled}

#### **Figure 1: Different HexOrientations**

![WinUI HexOrientation](https://www.telerik.com/winui/documentation/assets/300914e44e80c6bfcadce871286e5905/hex-orientation.png)

## Example

**Example 1** demonstrates how to setup a RadHexHubTile and set its TitleTemplate and BackContentTemplate.

#### **Example 1: Defininig a RadHexHubTile**

```XAML
<Grid xmlns:telerik="using:Telerik.UI.Xaml.Controls.Primitives">
	<telerik:RadHexHubTile Background="#3E73A7" BorderBrush="#99FFFFFF" Title="Title" BackContent="Back" StrokeThickness="5" IsFrozen="False" ImageSource="ms-appx:///Images/MyPicture1.jpg">
		<telerik:RadHexHubTile.TitleTemplate>
			<DataTemplate>
				<TextBlock Text="{Binding}" Margin="0 70 0 0" FontSize="20" FontWeight="Bold"/>
			</DataTemplate>
		</telerik:RadHexHubTile.TitleTemplate>
		<telerik:RadHexHubTile.BackContentTemplate>
			<DataTemplate>
				<TextBlock Text="{Binding}" FontSize="20" FontWeight="Bold"/>
			</DataTemplate>
		</telerik:RadHexHubTile.BackContentTemplate>
	</telerik:RadHexHubTile>
</Grid>
```

## See Also

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