Search documentation

Search by topic, API name, or import path.

GitHub ↗

variable / @typed/ui

Form.TextInput

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

Learn this UI primitive →

Package version
1.0.0-beta.7
Category
Native controls
Since
1.0.0
Member of
Form

Import

import { Form } from "@typed/ui";

Access Form.TextInput through the imported Form export. Its declaration below describes the member.

This public exposure is a re-export. Its import path is supported; declaration documentation is shared with the other public exposures below.

Signatures

export declare const TextInput: InputComponent<string>;

Examples

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" })
})

Other public imports

These import paths expose the same declaration. Each page retains its own public name and signature.

Source