TextField

Displays a form input field or a component that looks like an input field.

Installation

npx kanpeki-ui@latest add text-field

import { TextField } from "~/components/ui/text-field";

<TextField.Root>
  <TextField.Input placeholder="Email" />
</TextField.Root>

import { TextFieldRoot, TextFieldInput } from "~/components/ui/text-field";

<TextFieldRoot>
  <TextFieldInput placeholder="Email" />
</TextFieldRoot>

On This Page