Input

Import

import { Input } from "dreamkit";

Definition

import type { JSXElement, ComponentProps } from "solid-js";

type OverrideProps<T, U> = Omit<T, keyof U> & U;

export declare function Input(
  props: OverrideProps<
    ComponentProps<"input">,
    {
      type: string;
      value?: string | number | boolean;
      defaultValue?: string | number | boolean;
      onChange?: (value: string | number | boolean) => void;
      onNativeChange?: ComponentProps<"input">["onChange"];
    }
  >,
): JSXElement;

Examples

Controlled text input

import { Input } from "dreamkit";
import { createSignal } from "solid-js";

export default function InputTextExample() {
  const [name, setName] = createSignal("");
  return <Input value={name()} onChange={setName} />;
}