# TextInput

Binds a native `input[type=text]` to a string field.

## Signatures

```ts
export declare const TextInput: InputComponent<string>;
```



## Examples

```ts
import { TextInput, makeState } from "@typed/ui/Form"
import { Effect, Schema } from "effect"

const codec = Schema.Struct({ name: Schema.String })
const input = Effect.gen(function* () {
  const state = yield* makeState(codec, { values: { name: "" } })
  return TextInput({ state, name: "name" })
})
```