a2ui-shadcn logoa2ui-shadcn
DocsPlayground

Resources

  • Documentation
  • Playground
  • A2UI Protocol

Community

  • GitHub
  • Issues
  • shadcn/ui

More

  • Tailwind CSS
  • Next.js
  • React

a2ui-shadcn.shahnazar.me

Created by Reza Shahnazar

Getting Started

  • Introduction
  • Installation
  • Usage

Components

  • Components
    Layout
    ColumnRowCard
    Content
    Text
    Input
    TextFieldCheckBox
    Interactive
    Button
    Feedback
    Badge

Reactivity & Actions

  • Actions
  • Transport

Styling

  • Theming
  • RTL Support

Advanced

  • Custom Components
  • API Reference
  1. Home
  2. /Docs
  3. /Components
  4. /Textfield
Input

TextField

A text input component with support for single-line or multiline text, validation, placeholders, and data binding.

Properties

NameTypeRequiredDescription
idstringYesUnique identifier for the component
labelstringNoLabel text above the input
valuestring | { path: string }NoInput value or data binding
placeholderstringNoPlaceholder text
multilinebooleanNoEnable multiline textarea(default: false)
disabledbooleanNoDisable the input

Examples

Basic Text Input

Simple text field with label and placeholder

Preview
json

Multiline Textarea

Text area for longer content

Preview
json
Back to Components