---
title: "hyperlink · RUAL Documentation"
description: "A anchor element, that can be used to create an link to an intern/extern page."
canonical: https://docs.rual.nl/block-types/state%20ui/state_a
language: en
---

# hyperlink

This block is part of the [`state ui`](https://docs.rual.nl/block-types/state%20ui) group and was last modified in core [`v13.0.7`](https://docs.rual.nl/core-versions/130007).

A anchor element, that can be used to create an link to an intern/extern page.

- content required `v13.0.6` `state` Integrates content or data from other elements. • Hidden when other fields are filled

- text required `value` The text shown as link. • Hidden when other fields are filled

- href `value` The URL that the hyperlink points to.

- target `value` Where to display the linked URL, as the name for a browsing context (a tab, window, or iframe).

Default `_self`

- left click `v13.0.7` `inpinfunction` Will be executed on left click if given, disables the linking future of this element

- class `uiclass` Assigns a CSS class to the element. • Hidden when unused

- style `uistyle` Applies inline CSS style to the element • Hidden when unused

- attributes `uiattributes` Adds custom attributes to the element. • Hidden when unused

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

| `a` |
| --- |
| `link` |
| `href` |
| `anchor` |

A typical wiring for [hyperlink](https://docs.rual.nl/block-types/state%2520ui/state_a): [value](https://docs.rual.nl/block-types/value/value_default) feeds the `text` pin; [translate key](https://docs.rual.nl/block-types/translations/value_translate_key) feeds the `href` pin; [custom](https://docs.rual.nl/block-types/ui%2520class/uiclass_custom) feeds the `uiclass` pin; the `state` out pin feeds [div](https://docs.rual.nl/block-types/state%2520ui/state_div).

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

### Commonly used with

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

- [value](https://docs.rual.nl/block-types/value/value_default): feeds into this block. Simply returns the provided value.

- [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.

- [translate key](https://docs.rual.nl/block-types/translations/value_translate_key): feeds into this block. Translates a given key.

- [custom](https://docs.rual.nl/block-types/ui%20class/uiclass_custom): feeds into this block. Custom class input.

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

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

### Version history

Introduced in [`v13.0.1`](https://docs.rual.nl/core-versions/130001).

Last modified in [`v13.0.7`](https://docs.rual.nl/core-versions/130007).

- [v13.0.6](https://docs.rual.nl/core-versions/130006): This block or one of its pins was updated in `v13.0.6`, click here to see the release notes.

- [Back to `state ui`](https://docs.rual.nl/block-types/state%20ui): Return to the main group to view all sub-groups

- [Back to `state elements`](https://docs.rual.nl/block-types/state%20ui?group=state%20elements): Return to the group to view all blocks within this group