# Tile Dynamic Value

<figure><img src="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-f43d5acb40e84454afc5aff9514207066581711d%2Fvalue_full_options.png?alt=media" alt="Value Dynamic"><figcaption><p>Value Dynamic</p></figcaption></figure>

## Overview

Value Dynamic is the best visualization to highlight a value and a sentiment : am I over performing ? Are we on track compared to targets ?

{% hint style="info" %}
**Tip**

Use `sentiment` is important to highlight to your user if metrics are good or not.
{% endhint %}

## Options

| Option   | Mandatory | Description                                                                                                           |
| -------- | --------- | --------------------------------------------------------------------------------------------------------------------- |
| `title`  | `✅`       | Title of your tile                                                                                                    |
| `value`  | `✅`       | Column name containing the value to display                                                                           |
| `rating` | **❌**     | Column name should contains numbers between 0 and 1. The average of the column will be displayed as stars from 0 to 5 |
| `badges` | **❌**     | Column name containing the badge value. Define its and linked symbol. Default to up/own arrow.                        |
| `source` | **❌**     | Text displayed to give additional information (ex: data source)                                                       |

### Display

| Option         | Mandatory | Description                                                                                                   |
| -------------- | --------- | ------------------------------------------------------------------------------------------------------------- |
| `custom width` | **❌**     | <p>Choose between XS, S, M, L and XL to increase the width of your tile</p><p><strong>Default</strong>: S</p> |

### Enrich Navigation

| Option    | Mandatory | Description                                                                   |
| --------- | --------- | ----------------------------------------------------------------------------- |
| `link to` | **❌**     | Allows to redirect to a Story or to an external URL when clicking on the tile |