---
title: "hyperlink to page · RUAL Documentation"
description: "A anchor element."
canonical: https://docs.rual.nl/block-types/state%20ui/state_a_page
language: en
---

[Cluster](https://docs.rual.nl/cluster)

[Blocks](https://docs.rual.nl/block-types)

[Interfaces](https://docs.rual.nl/interfaces)

[Blueprints](https://docs.rual.nl/blueprints)

[Tutorials](https://docs.rual.nl/tutorials)

[Home automation](https://docs.rual.nl/home-automation)

[Examples](https://docs.rual.nl/examples)

[Reference](https://docs.rual.nl/reference)

[Architecture](https://docs.rual.nl/architecture)

[Troubleshooting](https://docs.rual.nl/troubleshooting)

Other

# hyperlink to page

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

## Page Selection Required

This block relies on a page to perform its page releated actions. You must manually select the page you want to use in your flow using the page selector modal. To access the modal, click the white button on the block.

A anchor element.

- content required `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

- parameters required `object`

- query required `object`

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

Default `_self`

- 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 to page](https://docs.rual.nl/block-types/state%2520ui/state_a_page): [value](https://docs.rual.nl/block-types/value/value_default) feeds the `text` pin; [new object](https://docs.rual.nl/block-types/object/object_new_fields) feeds the `parameters` pin; [new object](https://docs.rual.nl/block-types/object/object_new_fields) feeds the `query` pin; the `state` out pin feeds [get component child](https://docs.rual.nl/block-types/state%2520actions/state_component_get_child).

[![Studio canvas example for the hyperlink to page block: typical wiring for hyperlink to page.](https://docs.rual.nl/canvas-examples/state_a_page.png)](https://docs.rual.nl/canvas-examples/state_a_page.png?v=3)

## Version history

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

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

Was this page helpful? [Tell us what to improve](https://docs.rual.nl/support) · RUAL Docs is an integral component of the [RUAL ecosystem](https://rual.nl)