---
title: "dynamic input · RUAL Documentation"
description: "Generates a basic input with a dynamic field. The field will be used as state key, prefixed with the form."
canonical: https://docs.rual.nl/block-types/state%20ui/state_input_dynamic
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

# dynamic input

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.6`](https://docs.rual.nl/core-versions/130006).

Generates a basic input with a dynamic field. The field will be used as state key, prefixed with the `form`.

- form id required `value` A unique ID for the form this field is used in.

- field required `value` The field to be used.

- type `value` The type of input to display, can be any regular type like `text` or `password`.

Default `text`

- 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

- on enter `inpinfunction` Will be executed when a user hits enter within this input

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

A typical wiring for [dynamic input](https://docs.rual.nl/block-types/state%2520ui/state_input_dynamic): [value](https://docs.rual.nl/block-types/value/value_default) feeds the `form_id` pin; [value](https://docs.rual.nl/block-types/value/value_default) feeds the `field` 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 dynamic input block: typical wiring for dynamic input.](https://docs.rual.nl/canvas-examples/state_input_dynamic.png)](https://docs.rual.nl/canvas-examples/state_input_dynamic.png?v=3)

## Used in these guides

These documentation pages use or explain this block:

- [Block Templates, Combinations That Work](https://docs.rual.nl/block-types/block-templates)

- [Build Your First CRUD App](https://docs.rual.nl/getting-started/first-crud-app)

- [Block Quick Reference](https://docs.rual.nl/reference/block-quick-reference)

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

## Version history

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

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