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>

Switch

A control that allows users to toggle between checked and unchecked states.

Text

A lightweight wrapper around the React Native Text component to provide default styles.

On this page

InstallationUsageWith Addons