templUI Pro coming soon  

50% OFF Join Waitlist

Input

Text field that allows users to enter and edit values.

Source
TailwindCSS
Vanilla JS

Installation

  1. Install the component

    templui add input
  2. Add the JavaScript to your layout

    @input.Script()
    

    Call this template in your base layout file (e.g., in the <head> section).

Examples

File

Disabled

With Label

Password

Form

Enter your email address for notifications.

Please enter a valid email address

API Reference

Required parameter
Hover for description

Input

Text field that allows users to enter and edit values.

Name Type Default
ID
string
-
Class
string
-
Attributes
templ.Attributes
-
Name
string
-
Type
Type
text
Placeholder
string
-
Value
string
-
Disabled
bool
false
Readonly
bool
false
Required
bool
false
FileAccept
string
-
HasError
bool
false
NoTogglePassword
bool
false