TextInput

Import

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

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.

• Form.TextInput from @typed/ui
• Form.TextInput from @typed/ui/index

Source

• packages/ui/src/Form.ts:801