# Input (deprecated)

## Overview

Input serves as a field to enter certain information. The component can be used to create custom forms (for example, a modal to add or update data) as well as standalone components. \
There are several *input types* in UI Bakery:

* Text
* Password
* Email
* File
* Number
* URL

<figure><img src="/files/KBlI10xAsFPoG6zY9trg" alt=""><figcaption></figcaption></figure>

### Properties

<table><thead><tr><th width="122.8515625">Name</th><th width="173.5">Type</th><th>Description</th></tr></thead><tbody><tr><td><code>name</code></td><td><code>string</code></td><td>Component name</td></tr><tr><td><code>value</code></td><td><code>string</code> </td><td>Current component value</td></tr><tr><td><code>parsedValue</code></td><td><code>any</code></td><td>CSV file value available as an array of objects</td></tr></tbody></table>

### Methods

<table><thead><tr><th width="124.640625">Name</th><th width="171.70703125">Parameters</th><th width="102.55078125">Returns</th><th>Description</th></tr></thead><tbody><tr><td><code>setValue</code></td><td><code>value: string</code></td><td><code>void</code></td><td>Set component value</td></tr><tr><td><code>setDisabled</code></td><td><code>disabled: boolean</code></td><td><code>void</code></td><td>Disable or enable the component</td></tr><tr><td><code>reset</code></td><td>–</td><td><code>void</code></td><td>Reset component to the initial value</td></tr><tr><td><code>focus</code></td><td>–</td><td><code>void</code></td><td>Set focus on the component</td></tr></tbody></table>

### Triggers

<table><thead><tr><th width="141.38671875">Name</th><th>Description</th><th data-hidden></th></tr></thead><tbody><tr><td><strong>On Change</strong></td><td>Triggered when the component value changes</td><td></td></tr><tr><td><strong>On Enter</strong></td><td>Triggered when the Enter key is pressed</td><td></td></tr><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td><td></td></tr></tbody></table>

***

{% content-ref url="/pages/7GKzROSOkGxsSj40EEGN" %}
[Input validation](/concepts/components/work-with-components/validation.md)
{% endcontent-ref %}

{% content-ref url="/pages/1ekjQSxYCPANDH7sShiN" %}
[Searching Table based on input value](/concepts/components/work-with-components/filtering-table-based-on-input-value.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.uibakery.io/reference/working-with-components/input-deprecated.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.