---
title: Set custom styles to the TileLayoutItem hint element
description: An example that showcases how to style the TileLayoutItem hint element
type: how-to
page_title: Learn how to set styles to the TileLayoutItem hint element 
slug: tilelayout-set-custom-styles-to-hint
tags: tilelayout, tile, hint, hintStyle, layout, styles, custom
res_type: kb
category: knowledge-base
---

## Environment

<table>
    <tbody>
	    <tr>
	    	<td>Product Version</td>
	    	<td>5.1.0</td>
	    </tr>
	    <tr>
	    	<td>Product</td>
	    	<td>Progress® Kendo UI for Vue Native </td>
	    </tr>
    </tbody>
</table>

## Description

How can I add custom styles to the `TileLayoutItem` hint element?

## Solution

You can achieve this by passing the required styles to the [hintStyle]({% slug api_layout_tilelayoutitem %}#toc-hintStyle) prop.

### Runnable example

To test this example, drag one of the tiles:

{% meta id:index height:500 %}
{% embed_file tilelayout-set-custom-styles-to-hint/main.vue preview %}
{% embed_file tilelayout-set-custom-styles-to-hint/main.js %}
{% endmeta %}