# 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="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FHblS9CgfPApdb5rnYc0v%2FCleanShot%202025-09-10%20at%2015.54.40%402x-min.png?alt=media&#x26;token=d31b8a16-7eb3-4fc0-bb8e-97544b530f8e" 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="../../concepts/components/work-with-components/validation" %}
[validation](https://docs.uibakery.io/concepts/components/work-with-components/validation)
{% endcontent-ref %}

{% content-ref url="../../concepts/components/work-with-components/filtering-table-based-on-input-value" %}
[filtering-table-based-on-input-value](https://docs.uibakery.io/concepts/components/work-with-components/filtering-table-based-on-input-value)
{% endcontent-ref %}