Input

A text input with built-in label, helper text, and error state handling.

Preview

Input states

Inputs keep label, helper text, and validation messaging aligned without extra form wrappers.

Used in your dashboard and generated URLs.
Use this for immutable values or generated fields.
A project name is required before publishing.

Registry install

pnpm dlx shadcn@latest add https://vue.tileui.zmorg.cn/r/input.json

Package usage

import { TInput } from '@tile-ui/vue';

Highlights

  • Works with modelValue
  • Consistent ARIA wiring
  • Error-state messaging