tetra-ui Logotetra ui

Text Input

A component that allows users to enter text.

Installation

npx shadcn@latest add @tetra-ui/text-input

Usage

import { TextInput } from "@/components/ui/text-input";
<TextInput placeholder="Enter your username" />

With Addons

<TextInput placeholder="Enter your username">
  <InputAddon>
    <InputAddonIcon>
      <BadgeCheck />
    </InputAddonIcon>
  </InputAddon>
</TextInput>