# gt-next: General Translation Next.js SDK: Var
URL: https://generaltranslation.com/it/docs/next/api/components/var.mdx
---
title: Var
description: Riferimento API per il componente Var
---

{/* GENERATO AUTOMATICAMENTE: non modificare direttamente. Modifica il template in content/docs-templates/. */}


## Panoramica

Il componente `<Var>` viene usato per visualizzare contenuti che non devono essere tradotti.
È utile per visualizzare variabili, snippet di codice o altri contenuti che non devono essere tradotti.
Inoltre, è utile per visualizzare contenuti che devono rimanere privati, come chiavi API o informazioni personali.

```jsx
<Var>{user.name}</Var>
```

Il componente `<Var>` viene sempre utilizzato all&#39;interno di un componente `<T>`.
Consideralo come un contenitore generico per i valori dinamici che non rientrano nelle categorie `<Currency>`, `<DateTime>` o `<Num>`.


## Riferimento

### Proprietà

<TypeTable
  type={{
      "children?": {
          type: 'JSX.Element',
          optional: true,
          default: 'undefined',
      },
      "name?": {
          type: 'string',
          optional: true,
          default: 'undefined',
      },
      "value?": {
          type: 'string',
          optional: true,
          default: 'undefined',
      },
  }}
/>

### Descrizione

| Prop       | Descrizione                                                                                         |
| ---------- | --------------------------------------------------------------------------------------------------- |
| `children` | Il contenuto da visualizzare all&#39;interno del componente. Se fornito, ha la precedenza su value. |
| `value`    | Valore predefinito facoltativo da visualizzare se children non è fornito. Può essere una stringa.   |

### Restituisce

`JSX.Element` che contiene il contenuto da non tradurre.

***

## Esempi

### Esempio di base

Il componente `<Var>` deve essere utilizzato all&#39;interno del componente `<T>`.

```jsx title="Address.jsx" copy
import { T, Var } from 'gt-next'

export default function Example(user) {
  return (
    <T>
      Translate this text!
      Your name is: <Var>{user.name}</Var> // [!code highlight]
      <Var><p>Do not translate this text</p></Var> // [!code highlight]
    </T>
  );
}
```

***


## Note

* I componenti variabili sono essenziali per mantenere nelle traduzioni i contenuti dinamici che non devono essere tradotti.
* Usa sempre i componenti variabili all&#39;interno di un componente `<T>`.
* Componenti come `<Num>`, `<Currency>` e `<DateTime>` offrono funzionalità di localizzazione per garantire una formattazione corretta.

## Passaggi successivi

* Per una spiegazione più approfondita e alcuni esempi d&#39;uso del componente `<Var>` e di altri componenti variabili come `<Currency>`, `<DateTime>` e `<Num>`, consulta la documentazione [Utilizzo dei componenti variabili](/docs/next/guides/variables).