---
title: "translate key · RUAL Documentation"
description: "Translates a given key and builds DOM nodes from the HTML within these keys"
canonical: https://docs.rual.nl/block-types/translations/state_translate_key
language: en
---

# translate key

This block is part of the [`translations`](https://docs.rual.nl/block-types/translations) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

Translates a given key and builds DOM nodes from the HTML within these keys

- language `value` The language of the Translate key. • Hidden when unused

- state `state` Returns the element to the frontend state.

A typical wiring for [translate key](https://docs.rual.nl/block-types/translations/state_translate_key): the `state` out pin feeds [paragraph](https://docs.rual.nl/block-types/state%20ui/state_p).

![Studio canvas example for the translate key block: typical wiring for translate key.](https://docs.rual.nl/canvas-examples/state_translate_key.png)

### Commonly used with

In production blueprints, this block is most often wired together with:

- [paragraph](https://docs.rual.nl/block-types/state%20ui/state_p): this block feeds into it. A paragraph element.

- [div](https://docs.rual.nl/block-types/state%20ui/state_div): this block feeds into it. Creates a dynamic and customizable div element on your web page.

- [h1](https://docs.rual.nl/block-types/state%20ui/state_h1): this block feeds into it. A H1 element.

- [span](https://docs.rual.nl/block-types/state%20ui/state_span): this block feeds into it. A span element.

- [if](https://docs.rual.nl/block-types/state%20ui/state_branch): this block feeds into it. Allows you to use different state UIs based on your given condition.

### Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).